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。

但是也要努力,奋斗。

相关推荐
weixin_431600441 小时前
前端数据埋点(1):一次点击如何变成一条埋点
前端·js·数据埋点
IT_陈寒1 小时前
Python线程池吞了异常还不告诉我,这谁顶得住啊
前端·人工智能·后端
计算机魔术师2 小时前
同样是AI辅助建造,为什么有的游戏三个月就烂尾了?
前端
用户921080262862 小时前
0. 做 Agent 产品,前端 AI 组件框架怎么选?
前端
拾年2753 小时前
React Hooks 进阶篇:useMemo / useCallback / useReducer / useImperativeHandle,用「算账 +
前端·javascript·react.js
Jackson__3 小时前
面试官:如何在老项目中使用新框架,并实现通信?
前端·javascript·面试
拾年2753 小时前
React Hooks 保姆级教程:把组件想象成失忆的打工人,4 个 Hook 带你原地起飞
前端·javascript·react.js
mmsx3 小时前
一个 Bug 修了 12 轮,根因只有一句话:AI 编程时代,日志才是唯一的真相
前端
默_笙3 小时前
😝 5 亿次循环卡死页面?我用 Web Worker 把它扔进后台线程,页面丝滑如初
前端·javascript