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

忘是亡心i 2023-10-11 17:04 64阅读 0赞

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

## 解决办法 ##

*  1.将proxy对应的内容注释掉  
    ![在这里插入图片描述][c20753dcdb9d4a53b626ff8d746839a7.png_pic_center]
 *  2.将项目部署在nginx服务器中

## nginx配置 ##

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

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

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

service nginx restart

[c20753dcdb9d4a53b626ff8d746839a7.png_pic_center]: https://img-blog.csdnimg.cn/c20753dcdb9d4a53b626ff8d746839a7.png#pic_center
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBAWk5pbmVTdW4_size_20_color_FFFFFF_t_70_g_se_x_16_pic_center]: https://img-blog.csdnimg.cn/15bcf64506b94e8494d7e73d94ffec56.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAWk5pbmVTdW4=,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center

发表评论取消回复

表情：

评论列表（有 0 条评论，64人围观）

还没有评论，来说两句吧...

相关阅读

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

在使用npm run build将项目打包完成之后会发现使用ProxyTable失效，因为该代理跨域的方法只能在本地开发生效解决办法 1.将proxy对应的内容

忘是亡心i/ 2023年10月11日 17:04/ 0 赞/ 65 阅读

相关 vue项目 Network: unavailable的解决办法

vue项目 Network: unavailable 问题。 > 问题描述：使用vue3.0+的版本，在自己电脑上开发项目，启用项目后，只能用localhost访问项目，十分

╰半橙微兮°/ 2023年07月06日 11:38/ 0 赞/ 27 阅读

相关 vue动画打包后失效问题的解决方法

> 使用 npm run build 命令打包项目后，发现动画未执行解决办法 build–vue-loader.conf.js文件中，找到extract参数，把值改为

矫情吗；*/ 2023年03月13日 05:23/ 0 赞/ 148 阅读

相关 vue项目打包后打开空白解决办法

主要就是： ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nL

太过爱你忘了你带给我的痛/ 2022年09月01日 14:49/ 0 赞/ 459 阅读

相关 line-height失效解决办法

对和文字相连接的img、input、textarea、select、object等元素加以属性 margin: (所属line-height-自身img,input,sele

爱被打了一巴掌/ 2022年05月19日 06:43/ 0 赞/ 802 阅读

相关验证码失效解决办法

ob_clean(); //ob_clean函数清空先前输出 import('ORG.Util.Image'); //import调用的

小灰灰/ 2022年03月31日 10:58/ 0 赞/ 312 阅读

相关跨域问题解决办法之一:proxyTable

解决跨域问题问题一:为什么会有跨域问题浏览器的同源策略不允许跨域访问同源策略:指协议,域名,端口相同. 问题二:解决思路有什么? 既然浏览器不能跨

柔光的暖阳◎/ 2022年03月25日 10:14/ 0 赞/ 294 阅读

相关 vue项目cannot get/的解决办法

启动项目报 cannot get/错误，一般是项目文件引用路径的问题，或者无意删除了已经被import引入的文件总之一般是文件路径的问题。事实上当你npm run

深藏阁楼爱情的钟/ 2021年11月05日 15:08/ 0 赞/ 1539 阅读

相关 vue项目打包后打开空白解决办法

网上很多说自己的VUE项目通过Webpack打包生成的list文件，放到HBulider打包后，通过手机打开一片空白。这个主要原因是路径的问题。 1、记得改一下conf

我会带着你远行/ 2021年09月16日 21:52/ 0 赞/ 633 阅读

相关 vue2.0 proxyTable配置，解决跨域

vue浏览器跨域问题及解决办法当浏览器报如下错误时，说明请求跨域。 localhost/:1 Failed to load http://[www.thenewstep.

迈不过友情╰/ 2021年09月16日 08:52/ 0 赞/ 562 阅读