Vue中反向代理配置

最新推荐文章于 2023-07-21 11:10:03 发布

xinga1016

最新推荐文章于 2023-07-21 11:10:03 发布

阅读量219

点赞数

分类专栏： vue 文章标签： vue vue-cli3 代理模式

本文链接：https://blog.csdn.net/weixin_45226867/article/details/109620413

版权

vue 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

创建脚手架项目

$vue create myapp

$cd myapp

在根目录下创建vue.config.js文件并添加以下代码

module.exports = {
  devServer: {
  /*凡是以 /api 开头的请求全部拦截下来代理到*<url>服务器/
    proxy: {
      '/api': {
        target: '<url>',
        changeOrigin: true
      },
        /*凡是以 /foo 开头的请求全部拦截下来代理到*<other_url>服务器/
      '/foo': {
        target: '<other_url>'
      }
    }
  }
}