vue解决跨域问题

vue-cli利用反向代理解决跨域问题

如果想查看更多详细配置请查看：vue-cli官方网址—devserver.proxy

1、跨域报错

• 这种问题是跨域造成的！

2、解决方案

• 先在项目目录下面 新建一个vue.config.js文件
• 再在文件中加入如下代码

module.exports = {
    configureWebpack:{
        devServer:{
            port:8000, // 你自己的端口号设置，这个不要求填写
            proxy:{
                "/api":{
                    target: "http://192.168.1.142:7000", // 你想要请求的地址
                    changeOrigin:true 
                }
            }
        }
    }
}  

• 然后就可以通过请求如下地址了：你自己的地址 + 上面设置的端口号 （或者上面没设置端口号就用你之前的端口号）+上面设置的代理地址（例如：上面设置的 /api 这个可以设置任何字符）(例如：127.0.0.1:8000/api + 自己请求的api)