当前第2页 返回上一页
1、打开config/index.js,在proxyTable中添写如下代码：
1 2 3 4 5 6 7 8 9 | proxyTable: {
'/api': { //使用"/api"来代替"http://f.apiplus.c"
target: 'http://f.apiplus.cn', //源地址
changeOrigin: true, //改变源
pathRewrite: {
'^/api': 'http://f.apiplus.cn' //路径重写
}
}
}
|
2、使用axios请求数据时直接使用“/api”：
1 2 3 4 | getData () {
axios.get('/api/bj11x5.json', function (res) {
console.log(res)
})
|
通过这中方法去解决跨域，打包部署时还按这种方法会出问题。解决方法如下：
1 2 3 4 5 | let serverUrl = '/api/' //本地调试时
// let serverUrl = 'http://f.apiplus.cn/' //打包部署上线时
export default {
dataUrl: serverUrl + 'bj11x5.json'
}
|
调试时定义一个serverUrl来替换我们的“/api”，最后打包时，只需要将“http://www.xxx.com”替换这个“/api”就可以了。
以上就是vue跨域的解决方法的详细内容，更多文章请关注木庄网络博客！
返回前面的内容
相关阅读 >>
php无刷新提交表单另一种方法
javascript的方法是函数吗
利用html5以及canvas实现支持签名插件的方法
html中表格动态添加的方法
h5表单验证有哪些方法
html中标签栏的几种实现方法
禁止页面缓存有哪些方法
怎么实现css文字垂直居中？实现css文字水平居中的4种方法
html5音频与视频问题及解决方法
javascript中map方法怎么用
更多相关阅读请进入《方法》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » vue跨域的解决方法
