摘要: 场景:需要跨域请求接口操作:1.下载依赖npm i @nuxtjs/proxy -D2.在plugins增加axios.js文件import qs from "qs"; export default function({ $axios, redirect }) { $axios.o
场景:需要跨域请求接口
操作:
1.下载依赖
npm i @nuxtjs/proxy -D
2.在plugins增加axios.js文件
import qs from "qs";
export default function({ $axios, redirect }) {
$axios.onRequest(config => {
config.data = qs.stringify(config.data, {
allowDots: true //Option allowDots can be used to enable dot notation
});
return config;
});
$axios.onResponse(response => {
return Promise.resolve(response);
});
$axios.onError(error => {
return Promise.reject(error);
});
}3.配置
plugins: [
{ src: "~plugins/axios.js", ssr: true },
],
modules: [
// https://go.nuxtjs.dev/axios
'@nuxtjs/axios',
'@nuxtjs/proxy',
],
axios: {
retry: { retries: 3 },
//开发模式下开启debug
debug: process.env._ENV == "production" ? false : true,
//设置不同环境的请求地址
baseURL:
process.env._ENV == "production"
? "http://114.117.166.57/"
: "http://localhost:3000/",
withCredentials: true,
},
proxy: {
//开启代理
"/api/": {
target: "http://114.117.166.57/",
pathRewrite: { "^/api/": "" }
}
},