vue 解决跨域

问题:

vue 项目端口为8080,想要去访问端口为9999的数据,结果请求报跨域错误,跨域问题出现的写法如下

vue 解决跨域_第1张图片

解决: 

config文件夹下index.js中proxyTable中添加如下内容

//配置跨域
            '/terrain': {
                target: 'http://localhost:9999/terrain_tiles', //这里后台的地址模拟的;应该填写你们真实的后台接口
                changOrigin: true, //允许跨域
                secure: false,
                pathRewrite: {
                    '^/terrain': ''
                }
            },

vue 解决跨域_第2张图片

然后将之前9999请求接口改为 

http://localhost:8080/terrain

vue 解决跨域_第3张图片 

这样请求将会通过代理方式转发到9999

你可能感兴趣的:(vue)