时间:2021-05-26
在项目开发的时候,接口联调的时候一般都是同域名下,且不存在跨域的情况下进行接口联调,但是当我们现在使用vue-cli进行项目打包的时候,我们在本地启动服务器后,比如本地开发服务下是 http://localhost:8080 这样的访问页面,但是我们的接口地址是 http://xxxx.com/save/index 这样的接口地址,我们这样直接使用会存在跨域的请求,导致接口请求不成功,因此我们需要在打包的时候配置一下,我们进入 config/index.js 代码下如下配置即可:
dev: { // 静态资源文件夹 assetsSubDirectory: 'static', // 发布路径 assetsPublicPath: '/', // 代理配置表,在这里可以配置特定的请求代理到对应的API接口 // 例如将'localhost:8080/api/xxx'代理到':123/api/scada/scada/json/aa.tpl'所以,假设一和假设二需要在打包之前修改请求地址才能打包,增加了许多不必要的麻烦
以上这篇webpack+vue-cil 中proxyTable配置接口地址代理操作就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文介绍了vue-cli构建项目反向代理配置,分享给大家,具体如下:proxyTable:{//配置请求代理'/dlsys':{target:'http://1
本文介绍了vue-cli接口代理配置,分享给大家,具体如下:一些同学在配置接口代理时,会有疑问我配置成功了为什么接口还是不通,其实代理已经成功只是接口访问地址规
vue本地项目调试线上接口出现跨域问题使用方法:vue在配置文件中提供了proxyTable来设置跨域,在config文件夹的index.js文件中dev:{/
Vue框架开发的时候,会遇到跨域的问题,可在config/index.js里配置proxyTable内容,使用proxy代理。//config/index.js
如何在vue里面优雅的解决跨域,路由冲突问题当我们在路由里面配置成以下代理可以解决跨域问题proxyTable:{'/goods/*':{target:'htt