美文网首页
解决跨域问题---配置 webpack 将接口代理到本地

解决跨域问题---配置 webpack 将接口代理到本地

作者: canvas_mo | 来源:发表于2018-09-03 16:47 被阅读0次

    vue-cli 脚手架工具,已经充分的考虑了这个问题,我们只要进行简单的设置,就可以实现我们的目的。
    我们打开 /config/index.js 文件,找到以下代码:

    // Paths
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    proxyTable: {},
     
    // Various Dev Server settings
    host: 'localhost', // can be overwritten by process.env.HOST
    port: 8080, // can be overwritten by process.env.HOST, if port is in use, a free one will be determined
    autoOpenBrowser: false,
    errorOverlay: true,
    notifyOnErrors: true,
    poll: false, // https://webpack.js.org/configuration/dev-server/#devserver-watchoptions-
     
    // Use Eslint Loader?
    // If true, your code will be linted during bundling and
    // linting errors and warnings will be shown in the console.
    useEslint: true,
    // If true, eslint errors and warnings will also be shown in the error overlay
    // in the browser.
    showEslintErrorsInOverlay: false
    
    
    

    其中,proxyTable: {}, 这一行,就是给我们配置代理的。根据 cnodejs.org 的接口,我们把这里调整为:

    proxyTable: {
        '/api/v1/**': {
            target: 'https://cnodejs.org', // 你接口的域名
            secure: false,
            changeOrigin: false,
        }
    }
    
    

    相关文章

      网友评论

          本文标题:解决跨域问题---配置 webpack 将接口代理到本地

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