在Vue-cli脚手架中如何配置反向代理

最新推荐文章于 2024-06-25 03:11:37 发布

灯光下的投影

最新推荐文章于 2024-06-25 03:11:37 发布

阅读量1.8k

点赞数 1

分类专栏： vue 文章标签：反向代理

本文链接：https://blog.csdn.net/liuyuhua666/article/details/96866416

版权

本文档介绍了在Vue-cli项目中设置反向代理的步骤，包括在项目根目录创建配置文件并添加相关代理配置代码。

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

步骤

1 在 Vue-cli 生成的项目根目录中创建一个 vue.config.js（与 package.json 同级）
2 在配置文件中添加以下代码 (详情请看官网)：

module.exports = {
   
  // 选项...

  // devServer 实际上就是 webpack-dev-server 这个包
  devServer: {
   
    // proxy 设置代理的配置项
    // 配置文档：https://github.com/chimurai/http-proxy-middleware#proxycontext-config
    proxy: {
   
      // '/api' 表示 代理规则<