美文网首页
vue-cli4使用axios进行跨域配置

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

作者: hongzhenw | 来源:发表于2020-08-17 14:09 被阅读0次

    与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进行跨域配置

          本文链接:https://www.haomeiwen.com/subject/rrhqjktx.html