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: {
        //   '^/api': '/api' // 这种接口配置出来 http://XX.XX.XX.XX:8083/api/login //
　　　　  //　 '^/api': '/' 这种接口配置出来 http://XX.XX.XX.XX:8083/login
        // }
      }
    }
  },

　　代码详情参考gitee