标签:Control axios nuxtjs 跨域 Access api proxy CORS true
- 安装:
npm install @nuxtjs/axios @nuxtjs/proxy --save
2.nuxt.config.js 配置
modules: [
'@nuxtjs/axios',
'@nuxtjs/proxy'
],
axios: {
proxy: true, // 表示开启代理
prefix: '/api', // 表示给请求url加个前缀 /api
credentials: true // 表示跨域请求时是否需要使用凭证
},
proxy: {
'/api': {
target: 'http://127.0.0.1:8080', // 目标接口域名
changeOrigin: true, // 表示是否跨域
pathRewrite: {
'^/api': '/', // 把 /api 替换成 /
}
}
},
build: {
vendor: ['axios'] //为防止重复打包
}
3.测试,发现跨域请求成功
主要增加四点内容:
1、modules
2、axios配置
3、proxy配置
4、build 打包配置
标签:Control,axios,nuxtjs,跨域,Access,api,proxy,CORS,true 来源: https://www.cnblogs.com/LilLazy/p/16252051.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。