解决 Vue 项目打包后 ProxyTable 失效
npm run build 打包后会发现 ProxyTable 失效——因为这种代理跨域方式只在本地开发时生效,打包后不再起作用。
解决办法
- 把 proxy 对应的内容注释掉(打包不依赖它);
- 将打包后的项目部署到 Nginx,由 Nginx 做反向代理。
Nginx 配置
在 nginx.conf 中加 location 代理:
location /api/ {
proxy_pass http://后端服务地址/;
}
注意地址映射:把打包后的文件放在站点目录(如
/home/.../webapps/项目名),配置对应映射,重启 nginx:
service nginx restart
原文链接:https://www.ssssmy.com/notes/jie-jue-vue-xiang-mu-da-bao-hou-proxytable-shi-xiao