vue项目proxy代理不起作用,vue配置proxy不生效

　　本文主要介绍了使用委托代理后Vue仍然无法生效的解决方案，有很好的参考价值。希望对大家有帮助。来和边肖一起看看吧。

　　Vue.js配置了前端代理但未能生效。

　　记录一下最近踩得小坑：

　　配置代理后，请重新执行(重要，非常重要！)

　　npm运行开发

　　如果重新执行命令后代理仍然有效，请按照以下步骤进行检查：

　　使用以下示例检查index.js文件中的代理是否配置正确：

　　代理表：{

　　/api: {//代理ID

　　Target: http://xxx.xxx.xxx ，//指向的实际地址

　　ChangeOrigin: true，//允许跨域

　　路径重写：{

　　//标识替换

　　//原来的请求地址是/api/getData。当“/api”被替换为“”时，

　　//代理后的请求地址是：http://xxx.xxx.xxx/getData.

　　//如果替换为/other ，代理后的请求地址为http://xxx.xxx.xxx/other/getData.

　　^/api:

　　}

　　}

　　},

　　检查请求路径是否正确。以上面配置的代理为例。

　　//请确认原始请求中是否包含代理标识。

　　//请确认http://xxx.xxx.xxx/getData直连接口是否正常。

　　这个。$axios.get(/api/getData )。然后((r)={

　　控制台. log(r)

　　})

　　补充知识：vue使用proxyTable设置接口代理

　　1.修改config/index.js中的代理表

　　代理表：{

　　/api: {

　　目标：“http://192.168.42.182:8080”，

　　changeOrigin:真的，

　　路径重写：{

　　^/api: /

　　}

　　},

　　}

　　2.修改配置/开发环境文件

　　module.exports=merge(prodEnv，{

　　NODE_ENV:“开发”，

　　API: /api //加上这句话

　　})

　　3.设置axios的baseUrl

　　导出默认值{

　　获取(url，参数){

　　返回axios({

　　方法：“get”，

　　BaseURL: process.env.API，//在此修改

　　url，

　　参数，

　　超时：100000

　　}).然后((响应)={

　　返回检查状态(响应)

　　}).然后((res)={

　　返回校验码

　　})

　　}

　　}

　　4.只需重启服务器npm运行dev ~

　　以上Vue使用委托代理后无法生效的解决方案，均为边肖分享的内容。希望能给你一个参考，多多支持我们。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。