解决Vue项目打包ProxyTable失效的解决办法

在使用npm run build将项目打包完成之后会发现使用ProxyTable失效，因为该代理跨域的方法只能在本地开发生效解决办法1.将proxy对应的内容注释掉2.将项目部署在nginx服务器中nginx配置1.在nginx的配置文件中（nginx.conf）```location /api/ {proxy_passhttp://weide-zuul.vaiwan.com/;}```

ZNineSun

3846人浏览 · 2022-02-23 17:02:25

ZNineSun · 2022-02-23 17:02:25 发布

在使用npm run build将项目打包完成之后会发现使用ProxyTable失效，因为该代理跨域的方法只能在本地开发生效

解决办法

1.将proxy对应的内容注释掉
2.将项目部署在nginx服务器中

nginx配置

1.在nginx的配置文件中（nginx.conf）
在这里插入图片描述

```
location /api/ {
                        proxy_pass   http://weide-zuul.vaiwan.com/;
                }
```

注意地址的映射，我是将打包之后的文件放在了/home/ninesun/soft/tomcat/webapps/weide目录下，所以配置的映射如上图所示
重启nginx服务即可

  service nginx restart

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^