vue-cli4使用axios进行跨域配置

1. 安装axios

npm install axios

2. 修改配置文件

与package.json同目录,修改vue.config.js(若无,新建一个即可),配置内容如下:

module.exports = {
    publicPath: './', // 打包时配置,部署成功后,可访问到index.html
    devServer: { 
        open: process.platform === 'darwin', // 默认打开的浏览器
        port: 8088, // 端口号
        hotOnly: true, // 热加载
        proxy: { // 跨域配置
            '/api': { // 过滤的api
                target: 'http://fido.nationauth.cn:11116', // 要访问的URL
                changeOrigin: true, // true,启用跨域
                pathRewrite:{ // 要转发到的地址,根据需要也可不配置
                        '^/api'=''
                }
            }
        }
    }
}

另外,在node_modules/@vue/cli-service/lib/options.js里的devServer配置上述内容,功能也是一样的。

你可能感兴趣的:(vue-cli4使用axios进行跨域配置)