windows下若依vue项目部署

  1. 下载若依项目,前端后端项目本地启动
  2. 前端打包,后端打包
  3. 配置nginx.conf
    需要注意的是:路径别用中文,要不然报错
conf 复制代码
#前台访问地址及端口80,在vue.config.js中可查看
    server {
        listen       80;
        server_name  localhost;
#后台访问地址http://localhost:8080/
        location /prod-api/{
           proxy_set_header Host $http_host;
           proxy_set_header X-Real-IP $remote_addr;
           proxy_set_header REMOTE-HOST $remote_addr;
           proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
           # proxy_pass就是设置的代理后的地址,即自己服务器后台接口的url
           proxy_pass http://localhost:8080/;
        }
 # root:dist静态页面根目录地址  index:dist中html文件的名字
         location / {
            root   C:/Users/18427/Desktop/windowsBUSHUTest/dist;
            try_files $uri $uri/ /index.html;
            index  index.html index.htm;
        }

# windows中无需配置第一行的user
  1. 启动nginx,访问localhost:80
    参考:
相关推荐
西洼工作室3 分钟前
Strapi快速入门:从安装到API开发
前端·后端
光影少年16 分钟前
前端线上出现白屏如何排查问题所在,利用第三方的工具都有哪些
前端·学习·web安全·前端框架
濑户川19 分钟前
Vue3 计算属性与监听器:computed、watch、watchEffect 用法解析
前端·javascript·vue.js
_Sem29 分钟前
KMP实战:从单端到跨平台的完整迁移指南
android·前端·app
Carry34531 分钟前
React 与 Vue 开发差异——CSS 样式
前端
前端九哥34 分钟前
我删光了项目里的 try-catch,老板:6
前端·vue.js
2301_7644413334 分钟前
身份证校验工具
前端·python·1024程序员节
顽疲1 小时前
SpringBoot + Vue 集成阿里云OSS直传最佳实践
vue.js·spring boot·阿里云
4Forsee1 小时前
【Android】View 事件分发机制与源码解析
android·java·前端
一 乐1 小时前
车辆管理|校园车辆信息|基于SprinBoot+vue的校园车辆管理系统(源码+数据库+文档)
java·前端·数据库·vue.js·论文·毕设·车辆管理