nuxt作为SEO友好框架，配置跨域和一般的vue_li大体相同，又有同点，下面是两种配置代理的方法
一、nuxt自带代理proxy
1、安装资源axios
npm install @nuxtjs/axios --save-dev
2、配置nuxt.config.js文件
module.exports = {
modules: [ '@nuxtjs/axios','@nuxtjs/proxy','@nuxtjs/dotenv' ],
axios: {
proxy: true, // 表示开启代理
prefix: '/', // 表示给请求url加个前缀 /api
credentials: true // 表示跨域请求时是否需要使用凭证
},
proxy: {
'/api': {
target: 'http://11.92.53.207:9000', // 目标接口域名
// target: 'http://192.168.0.168:9001', // 本地
changeOrigin: true, // 表示是否跨域
pathRewrite: {
'^/api': '/', // 把 /api 替换成 /
}}},}
3、使用
当你使用接口的时候，在接口地址前加上/api
二、安装proxyTable
modules: [
'@gauseen/nuxt-proxy',
],
proxyTable: {
'/api':{
target: 'http://39.91.216.241:9035',
ws: false, // 是否支持websocket
pathRewrite: { '^/api': '' }
}
},
使用方法一致
