第一、找到config/index.js

• 設置proxyTable，實際上就是設置代理路徑（PS:設置config文件之后，需要重新npm run dev）

dev: {
????env: require('./dev.env'),
????port: 8080,
????autoOpenBrowser: true,
????assetsSubDirectory: 'static',
????assetsPublicPath: '/',
????proxyTable: {
?????????'/api': {
??????????????target: '請求地址ip加端口',
??????????????changeOrigin: true,
??????????????pathRewrite: {
????????????????'^/api': '/'?
??????????????}
????????????}
????},
??}

第二，新建一個封裝axios的文件，如 src/api/index.js，里面就是封裝的接口方法

//輸出通用axios實例
import axios from 'axios';
?
const instance = axios.create({
? timeout: 10000,
? ?headers: {
? ? 'Content-Type': "application/json;charset=utf-8"
? }
});
?
export default {
? regist (data){
? ?? ?return instance.post('/api/createOrUpdateUser',data)
? }
};

第三、在main.js引用

import instance_ from './api/index';
Vue.prototype.instance = instance_ ?//axios實例

第四，就可以調用自己定義的接口了，如???????????

this.instance.regist({ ????????????
?????userId: '', ??????
?????userName: this.username, ???????
?}).then(res=>{
?????console.log("sd")
?}).catch(function (error) {
?????console.log(error);
?});

?