第一、找到config/index.js

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

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

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

//輸出通用axios實(shí)例
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實(shí)例

第四，就可以調(diào)用自己定義的接口了，如???????????

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

?