先切換到項(xiàng)目的vue文件夾里面再進(jìn)行安裝。

配置文件

import axios from 'axios'const request = axios.create({timeout: 5000 })// request 攔截器 // 可以自請求發(fā)送前對請求做一些處理 // 比如統(tǒng)一加token，對請求參數(shù)統(tǒng)一加密 request.interceptors.request.use(config => {config.headers['Content-Type'] = 'application/json;charset=utf-8';// config.headers['token'] = user.token; // 設(shè)置請求頭return config }, error => {return Promise.reject(error) });// response 攔截器 // 可以在接口響應(yīng)后統(tǒng)一處理結(jié)果 request.interceptors.response.use(response => {let res = response.data;// 如果是返回的文件if (response.config.responseType === 'blob') {return res}// 兼容服務(wù)端返回的字符串?dāng)?shù)據(jù)if (typeof res === 'string') {res = res ? JSON.parse(res) : res}return res;},error => {console.log('err' + error) // for debugreturn Promise.reject(error)} ) export default request

跨域問題配置解決

// 跨域配置 module.exports = {devServer: { //記住，別寫錯了devServer//設(shè)置本地默認(rèn)端口 選填port: 9876,proxy: { //設(shè)置代理，必須填'/api': { //設(shè)置攔截器 攔截器格式 斜杠+攔截器名字，名字可以自己定target: 'http://localhost:9999', //代理的目標(biāo)地址changeOrigin: true, //是否設(shè)置同源，輸入是的pathRewrite: { //路徑重寫'/api': '' //選擇忽略攔截器里面的單詞}}}} }

將前綴改成/api

save() {request.post("/api/user", this.form).then(res => {console.log(res)})},

方法二：在controller中加入注解
@CrossOrigin

總結(jié)

以上是生活随笔為你收集整理的idea安装axios的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。