devServer和dev的区别,及vue代理接口的使用

基本思路:
使用proxyTable就是代理服务接口。

备注dev 是 Vue CLI 2.x 的配置,Vue CLI 3.x 开始使用:

使用:
相当于获取对应的(正则匹配的)接口,然后重新代理到指定的target处。

项目配置文件config.js 或者 config.index.js

module.exports = {
······
dev: {
  env: require('./dev.env'),
  port: 8080,
  autoOpenBrowser: true, //项目自启
  assetsSubDirectory: 'static',//除了index.html之外的静态资源要存放的路径,
  assetsPublicPath: '/',
  proxyTable: { //代理
    '/api': {
      target: 'http://www.abc.com',  //目标接口域名
      changeOrigin: true,  //是否跨域
      pathRewrite: {
        '^/api': '/'   //重写接口
      }
    }
}
posted @ 2022-12-06 22:19  轻风细雨_林木木  阅读(4)  评论(0编辑  收藏  举报