vue-cli 3.0配置vue.config.js解决跨域问题

最新推荐文章于 2024-08-21 08:39:22 发布

Tong XU

最新推荐文章于 2024-08-21 08:39:22 发布

阅读量1k

点赞数 1

分类专栏： vue

本文链接：https://blog.csdn.net/qq_41700374/article/details/104595927

版权

vue 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

在遇到跨域请求外部数据遇到的问题得到一些总结。

在vue3.0中解决跨域需要配置vue.config.js(在根目录下创建vue.config.js)；配置如下：

module.exports = {
    runtimeCompiler: true,
    publicPath: '/', //设置打包路径
    devServer: {
        port: 8080,
        host: 'localhost',
        open: true,
        https: false,
        proxy: {
            '/api': {
                target: 'http://127.0.0.1:8989/', //对应后端baseUrl
                changeOrigin: true,
                ws: true,
                pathRewrite: {
                    '^/api': ''
                }
            }
        }
    }
}