vue代理服务器proxy详情配置信息

vue代理服务器proxy详情配置信息

当时对于vue的任何知识都不太了解

下了一番苦修在做出了6个项目后对vuecli的知识了解很是透测

首先创建好项目

gitee

https://gitee.com/vuecli-project-initialization/initialize-cli-project.git

vuecli项目初始化/初始化cli项目 - 码云 - 开源中国 (gitee.com)

放置在vue.config.js

devServer: {
    open: false, // 是否打开浏览器
    port: '8080', // 代理端口
    hotOnly: false, // 热更新
    proxy: {
      '/api': {
        // 此处的写法，目的是为了 将 /api 替换成 
        target: process.env.VUE_APP_BASE_SITE,
        // 允许跨域
        changeOrigin: true,
        // secure: false,
        ws: true,
        pathRewrite: {
          '^/api': '/api'
        }
      },
      // 这里用了两个可以删除或者多加几个api接口的关键词
      '/weChat': {
        // 此处的写法，目的是为了 将 /weChat 替换成
        target: 'http://100.100.100.00:13226',
        // 允许跨域
        changeOrigin: true,
        secure: false,
        ws: true,
        // 是否需要把关键词替换掉
        // pathRewrite: {
        //   '^/weChat': ''
        // }
      }
    }
  },

　　代码详情参考gitee

标签：vuecli,vue,false,代理服务器,gitee,api,proxy,true
来源： https://www.cnblogs.com/qvjing/p/15560906.html