vue.config配置多个地址跨域
本博客是本人在开发过程中遇到问题所积累下的经验在前端想要实现跨域在前端使用接口的时候,如果需要使用来源不同的接口,可以在vue.config配置多个跨域。例如下面例子中的两个配置,一个是局域网内的接口,一个是部署在外网上的接口。在使用时根据axios的baseURL进行匹配,两个axios可以写在一个文件里,create两个axios,根据其是否需要token详细配置。代码如下(示例):devSe
·
本博客是本人在开发过程中遇到问题所积累下的经验
在前端想要实现跨域
在前端使用接口的时候,如果需要使用来源不同的接口,可以在vue.config配置多个跨域。 例如下面例子中的两个配置,一个是局域网内的接口,一个是部署在外网上的接口。在使用时根据axios的baseURL进行匹配,两个axios可以写在一个文件里,create两个axios,根据其是否需要token详细配置。
代码如下(示例):
devServer: {
port: 8080,
proxy: {
'/zjgh': {
// 配置 proxy 代理解决跨域问题
target: 'http://192.168.1.188:8082/zjgh', // 目标代理接口地址
secure: false,
changeOrigin: true, // 开启代理,在本地创建一个虚拟服务端
pathRewrite: {
'^/zjgh': '/'
}
},
'/gisserver': {
// 地图getshpae
target: 'http://gisserver/mobile/TranslateServer',
secure: false,
changeOrigin: true,
pathRewrite: {
'^/gisserver': '/'
}
}
}
}
更多推荐
已为社区贡献2条内容
所有评论(0)