vue-cli 配置 跨域 axios

在 config 文件夹 找到 index.js

## 找到  proxyTable：{}

改成 :

    proxyTable: {
      '/api': {
        target: 'http://xxxxxx.com/', // 请求地址
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''
        }
      }
    },

使用 '/api' 代替你的 地址

例 ： 你的 地址 是 'http://xxxxxx.com/xxx/xxxx/xxxxx' ,

就可以写成 '/api/xxx/xxxx/xxxxx'

配置 完成 之后 重启 npm run dev

---

axios文档 https://www.kancloud.cn/yunye/axios/234845

npm install axios https://github.com/axios/axios

CDN https://unpkg.com/axios/dist/axios.min.js

import axios from 'axios'
const baseUrl = '/api';
axios.defaults.baseURL = `${baseUrl}*******<请求地址 />`;

// headers 带 token
axios.interceptors.request.use(response => {
  // Do something with response data
  response.headers['Content-Type'] = 'application/x-www-form-urlencoded;charset=utf-8';
  response.headers['token'] = 'token ';
  console.log(response);
  return response;
}, error => {
  // Do something with response error
  console.log(error);
  return Promise.reject(error);
});

axios.post('/地址', {
       name: '小红',
       age: '18'
  })
  .then(function (res) {
    console.log(res);
  })
  .catch(function (error) {
    console.log(error);
  });