在使用vue-cli3创建项目后,因为webpack的配置均被隐藏了,当你需要覆盖原有的配置时,则需要在项目的根目录下,新建vue.config.js文件,来配置新的配置。

我今天是为了解决跨域问题,配置了反向代理,代码如下:

export default {
   
	devServer: {
   
        proxy: {
   
            '/api': {
   
                target: 'http://39.97.33.178',
                changeOrigin: true
            }
        }
    }
}

但是却报了如题上的错,看了下教程,问题是因为Node和浏览器端所支持的模块规范不同。

解决方法,把export default 换成module.exports = 就行了。代码如下:

module.exports = {
   
    devServer: {
   
        proxy: {
   
            '/api': {
   
                target: 'http://39.97.33.178',
                changeOrigin: true
            }
        }
    }
}