摘要: 场景:需要跨域请求接口操作: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/": "" } } },