vue-cli proxyTable中跨域中pathRewrite配置

1. vue本地项目调试线上接口出现跨域问题2. 通过在 config/index.js 配置文件中找到proxyTable配置项dev: {// PathsassetsSubDirectory: 'static',assetsPublicPath: '/',proxyTable: {'/api': {target: 'http://XX...

敌人-别人家的孩子

38077人浏览 · 2018-06-25 10:53:04

敌人-别人家的孩子 · 2018-06-25 10:53:04 发布

1. vue本地项目调试线上接口出现跨域问题

2. 通过在 config/index.js 配置文件中找到proxyTable配置项

 
   dev: { 
  
   // Paths 
  
   assetsSubDirectory: 
   'static', 
  
   assetsPublicPath: 
   '/', 
  
   proxyTable: { 
  
   '/api' 
   : { 
  
   target: 
   'http://XX.XX.XX.XX:8083', 
  
   changeOrigin: 
   true, 
  
   pathRewrite: { 
  
   '^/api' 
   : 
   '/api' // 这种接口配置出来 http://XX.XX.XX.XX:8083/api/login 
  
             //'^/api': '/' 这种接口配置出来 http://XX.XX.XX.XX:8083/login
 
    } 
  
    } 
  
    } 
  
    },

3. 配置完成后需要重新编译一遍 , 调用接口的时候

 
          // 获取菜单权限 
 
  getPermission(){ 
 
  this. 
  $ajaxget({ 
 
  url: 
  '/api/getPermission', 
 
  data: {}, 
 
  isLayer: 
  true, 
 
  successFc 
  : 
  data 
  => { 
 
  console. 
  log( 
  data. 
  data) 
 
   } 
 
   }) 
 
   },

4 . 因为我的项目接口中是存在 '/api' 这个字段的所以我选择的是第一种配置

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^