在Vue2中怎么解决跨域

Vue中怎么解决跨域问题

协议域名端口相同为同域 否则都为跨域

这就是需要用跨域来请求数据的报错

第一步：在vue项目中的跟目录下创建一个 vue.config.js ，文件名是固定的，不一样就会报错

第二步: 在vue.config.js里边直接复制下面这串代码即可

    devServer: {
        host:'0.0.0.0', //可以忽略不写
        port: 8080,//它是用来修改你打开后的端口号的
        open: true,//值为 true的话，项目启动时自动打开到浏览器里边， false不会打开
        proxy:{
            '/api':{
                target:'http://m.sirfang.com/api',//跨域请求的公共地址
                ws:false, //也可以忽略不写，不写不会影响跨域
                changeOrigin:true, //是否开启跨域，值为 true 就是开启， false 不开启
                pathRewrite:{
                    '^/api':''//注册全局路径， 但是在你请求的时候前面需要加上 /api  
                }
            }
        }
    },

}

第三步：如果你使用的是axios来请求数据的话，需要现在下载 axios ，它分为全局引入和局部引入，全局是在 main.js 里边引

引入 axios.defaults.baseURL=/api

第四步：在组件中进行请求数据的写法