vue实现解决跨域问题

第一步的话就是在当前项目的根路径下新建一个文件,文件名是固定的 vue.config.js

https://cli.vuejs.org/config/#crossorigin

这个解释说明的话我们具体可以看官方文档

module.exports = {
    devServer: {
        //以上的ip和端口是我们本机的;下面为需要跨域的
        proxy: {
            '/api': {   //  拦截以 /api 开头的接口
                target: 'http://localhost:('自己后台 端口号')/',
                //设置你调用的接口域名和端口号 别忘了加http
                changeOrigin: true,    
                //这里true表示实现跨域
                secure: false, 
                // 如果是https接口，需要配置这个参数
                pathRewrite: {
                    '^/api': '/'  
			//这里理解成用‘/api’代替target里面的地址，
			//后面组件中我们掉接口时直接用api代替 比如我要调
			//用'http://40.00.100.100:3002/api/user/add'，
			//直接写‘/api/user/add’即可
                }
            },
        }
    }
}