SyntaxError: Unexpected token export

最新推荐文章于 2024-05-23 16:18:28 发布

原创最新推荐文章于 2024-05-23 16:18:28 发布 · 7.6k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js

vue 专栏收录该内容

26 篇文章

订阅专栏

本文详细介绍了在使用Vue CLI3创建项目时遇到的跨域问题及解决方法。通过在项目根目录下新建vue.config.js文件，并正确配置反向代理，解决了开发环境中的跨域请求问题。文章还指出了在配置文件中使用module.exports而非export default的重要性。

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