Element-ui配置代理解决跨域

最新推荐文章于 2023-07-24 12:30:33 发布

月凡星稀

最新推荐文章于 2023-07-24 12:30:33 发布

阅读量689

点赞数

分类专栏： Vue 文章标签： vue.js 前端 npm

本文链接：https://blog.csdn.net/m0_59678630/article/details/126692195

版权

Vue 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

本文介绍如何在Vue项目中创建vue.config.js文件，通过devServer.proxy设置，实现API请求的转发并解决跨域问题，重点讲解了proxy配置项和changeOrigin选项的应用。

摘要由CSDN通过智能技术生成

在前端项目的根目录下创建vue.config.js

module.exports = {
    devServer: {
        proxy: {
            '/api': {
                // 此处的写法，目的是为了将 /api 替换成 http://127.0.0.1:8888
                target: 'http://127.0.0.1:8888',
                // 允许跨域
                changeOrigin: true,
                ws: true,
                //移除url里面的api
                pathRewrite: {
                    '^/api': ''
                }
            }
        }
    }
}