如何解决跨域问题

开发阶段的跨域前端自己解决，生产环境的跨域后端解决

• vue的配置文档

https://cli.vuejs.org/zh/config/

创建一个vue的全局配置vue.config.js文件（这里面写node的语法），一定要和package.json同级才生效

vue.config.js

// 把你封装的所有配置文件全部导出去
module.exports = {
    // publicPath 可以根据你不同的环境去配置它的初始地址，一般不会修改我们就'/'
    // outputDir  输出目录，用于打包。执行npm run build 默认生成dist文件夹，如果你想要修改成其他文件夹名就直接设置type类型
    
    // devServer 本地开发服务配置
    devServer:{
        // 设置你的代理地址（这里写后端服务器的地址）
        // 以后前端访问服务器地址时，前面直接写 /
        // 后端地址本来是：http://localhost:3000/api/getbanner
        // 会换成：http://localhost:8080/api/getbanner
        // 这样就没有跨域问题了
        // proxy即代理
        proxy:'http://localhost:3000'
    }
}

注意：配置文件一旦修改必须要重启（前端）