Topwo博客
首页
博客
项目
您现在的位置是：
Topwo博客
>>
JavaScript
文章
Nuxt.js解决跨域
发布时间：2021-11-09
作者：Topwo
来源：原创
点击：375
## 主要四点内容： 1. modules安装 2. axios配置 3. proxy配置 4. build 打包配置 ## 1. 安装：nuxt官方文档提供的axios module > npm install @nuxtjs/axios @nuxtjs/proxy --save ## 2. nuxt.config.js 配置 ```javascript 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'] //为防止重复打包 } ```
上一篇：
Nuxt.js部署到服务器上
下一篇：
华氏温度和摄氏温度互转