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

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 将接口代理到本地)