在使用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
            }
        }
    }
}
Logo

前往低代码交流专区

更多推荐