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。

但是也要努力,奋斗。

相关推荐
奔赴_向往几秒前
跨域问题深度剖析:为何CORS设置了还是报错?
前端
daols8819 分钟前
vxe-table 配置 ajax 加载列表数据,配置分页和查询搜索表单
vue.js·ajax·table·vxe-table
纯爱掌门人24 分钟前
别再死磕框架了!你的技术路线图该更新了
前端·架构·前端框架
没头脑的男大27 分钟前
Unet实现脑肿瘤分割检测
开发语言·javascript·ecmascript
丁点阳光34 分钟前
Ract Router v7:最全基础与高级用法指南(可直接上手)
前端·react.js
~无忧花开~44 分钟前
Vue.config.js配置全攻略
开发语言·前端·javascript·vue.js
w***Q3501 小时前
前端跨平台开发工具,Tauri与Electron
前端·javascript·electron
前端一课1 小时前
H5 WebView 文件下载到手机中(仅安卓与 iOS)
前端
幸会同学2 小时前
在Cesium中实现飘动的红旗
javascript·three.js·cesium
默默乄行走2 小时前
wangEditor5在vue中自定义菜单栏--格式刷,上传图片,视频功能
vue.js