vue2.0 打包,nginx部署

1、修改这里为空

否则报错:vue is undefined

2、修改为hash,重点:打包dist文件运行,必须这样

3、安装ngnix,重点:使用node的包:httpserve,失败

4、重点:配置代理转发

前端请求后端接口,用api前缀区分。

重点:后端地址很重要,因为没有加api,返回404,淘宝找两人解决问题,花了200rmb。

错误的配置:

location /api {

proxy_pass http://test.abc.com//;#注意这里/和不加/区别很大哟

proxy_set_header X-Real-IP $remote_addr;

proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

}

正确的配置:

location /api {

proxy_pass http://test.abc.com/api/;#注意这里/和不加/区别很大哟

proxy_set_header X-Real-IP $remote_addr;

proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

}

使用正确的配置后多了api的后缀,然后就不报404,成功部署。

到此耗时两天。

有点厌倦程序员的生活了,永远做不完的事情,解决不完的bug。

但是也要努力,奋斗。

相关推荐
asdfg12589637 小时前
JS中的闭包应用
开发语言·前端·javascript
kirk_wang7 小时前
Flutter 导航锁踩坑实录:从断言失败到类型转换异常
前端·javascript·flutter
梦里不知身是客117 小时前
spark中如何调节Executor的堆外内存
大数据·javascript·spark
静小谢8 小时前
前后台一起部署,vite配置笔记base\build
前端·javascript·笔记
用户47949283569158 小时前
改了CSS刷新没反应-你可能不懂HTTP缓存
前端·javascript·面试
还好还好不是吗9 小时前
老项目改造 vue-cli 2.6 升级 rsbuild 提升开发效率300% upupup!!!
前端·性能优化
sumAll9 小时前
别再手动对齐矩形了!这个开源神器让 AI 帮你画架构图 (Next-AI-Draw-IO 体验)
前端·人工智能·next.js
OpenTiny社区9 小时前
2025OpenTiny星光ShowTime!年度贡献者征集启动!
前端·vue.js·低代码
wangan0949 小时前
不带圆圈的二叉树
java·前端·javascript
狗哥哥9 小时前
从零到一:打造企业级 Vue 3 高性能表格组件的设计哲学与实践
前端·vue.js·架构