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
    参考:
相关推荐
阿蒙Amon8 分钟前
C#每日面试题-简述C#访问修饰符
windows·microsoft·c#
梦65014 分钟前
Vue 组件 vs React 组件深度对比
javascript·vue.js·react.js
C_心欲无痕29 分钟前
vue3 - useId生成唯一标识符
前端·javascript·vue.js·vue3
KoalaShane29 分钟前
El-slider 增加鼠标滚动滑块事件
开发语言·前端·javascript
栀秋66638 分钟前
Tailwind CSS:用“类名编程”重构你的前端开发体验
前端·css
C_心欲无痕42 分钟前
vue3 - watchSyncEffect同步执行的响应式副作用
开发语言·前端·javascript·vue.js·vue3
用泥种荷花1 小时前
【前端学习AI】FewShotPromptTemplate
前端
小魔女千千鱼1 小时前
在 Vue 中,this 的行为在箭头函数和普通函数中是不同的
前端·javascript·vue.js
霍理迪2 小时前
CSS盒模型布局规则
前端·javascript·css
千寻girling2 小时前
面试官: “ 说一下 JS 中什么是事件循环 ? ”
前端·javascript