介绍 & # 39;使用严格# 39;
常量合并=要求(& # 39;webpack-merge& # 39;)
const prodEnv=要求(& # 39;。/prod.env& # 39;)
模块。出口=合并(prodEnv, {
NODE_ENV: & # 39;“development" & # 39;
API_HOST: & # 39;“/api" & # 39;//配置代理路径的符号
}) & # 39;使用严格# 39;
模块。出口={
NODE_ENV: & # 39;“production" & # 39;
API_HOST: & # 39;“https://* * * * * * * * * *.com/api" & # 39;//生产环境的地址
}
})
打包vue项目后出现请求地址错误怎么解决?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。
vue项目npm dev运行时跨域请求正常,但是打包后请求地址就错误(请求地址不存在),请求不到数据。
在vue项目中常用的是proxyTable代理跨域,这个用起来比较方便,但是当项目打包后就遇到这个问题了。
打开配置文件夹下的指数。js文件,添加以下代码
pathRewrite: {
& # 39;^ api # 39;: & # 39; https://* * * * *。com # 39;//填写需要跨域的地址
} 
2。配置开发环境地址,就是配置文件夹下的dev.env。js文件,添加以下代码:
3。配置生产环境地址,就是配置文件夹下的prod.env。js文件,添加以下代码:
如果接口地址没有api这个公共路径就不要添上了。
4。接下来就该在组件中使用了。
方法:{
getData () {
让_this=;
this.http(这个,{//process.env。API_HOST获取当前环境的api地址
url: process.env.API_HOST + & # 39;/平台/索引/新# 39;//headersType: 1//令牌
})(res=祝辞{
这一点。ShowSkeleTon=true;
这一点。列表=res.list;
},呃=祝辞{
console.log(错);
})；
},
}, 然后就是修改所有组件中的url地址了
虽然比较麻烦,但可以完美解决这个问题。这样即使打包后也可以请求到数据了。
<强> vue项目部署后跨域请求后端失败(已解决)
<强>未解决前
验证码加载失败
解决后
验证码加载成功
<强>解决办法
在nginx/conf/nginx。参看下做如下配置
关于打包vue项目后出现请求地址错误怎么解决问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注行业资讯频道了解更多相关知识。打包vue项目后出现请求地址错误怎么解决
