vue跨域问题

vue前端网页遇到跨域问题，我们需要在vue.config.js中配置devServer:{}内容

module.exports = {
    pluginOptions: { // 第三方插件配置
        'style-resources-loader': {
            preProcessor: 'less',
            patterns: [path.resolve(__dirname, './src/styles/variables.less')] // less所在文件路径
        }
    },
    devServer: {
        proxy: { // 配置跨域
            '/api': {
                target: '121.121.67.254:8185', // 这里后台的地址模拟的;应该填写你们真实的后台接口
          
                pathRewrite: {
                    /* 重写路径，当我们在浏览器中看到请求的地址为：http://localhost:8080/api/getData/userInfo 时
              实际上访问的地址是： 
                    http://121.121.67.254:8185/getData/userInfo,因为重写了 /api
             */
                    '^/api': ''
                }
            }
        }
    }
}