nuxt.js-跨域

• 安装axios: npm install --save axios
• 配置nuxt.config.js
• 　　　　

  modules: [
    '@nuxtjs/axios',
    '@nuxtjs/proxy',
  ],
  axios: {
    proxy: true // 表示开启代理
  },
  proxy: {
    //过滤 webstorm 的更新 socket ：sockjs-node  ，其余都执行替换
    '/v1': {
      target: 'http://127.0.0.1:8000',
      changeOrigin: true, // 表示是否跨域
      pathRewrite: {
        '^/v1': '/', // 把 /api 替换成 /
      }}

• 使用配置--创建axios.js文件　　

　　import axios from 'axios'
// import {getUser} from "@/utils/auth";
//创建axios实例
const service = axios.create({
  baseURL: 'v1',//api的base_url
  timeout: 30000, //请求超时
  // headers: {'Authorization': 'Bearer ' + getUser().token},
})
export default service

• 调取获取

  service获取域名

 sendGet() {
          var Params = {
            page: 1,
            limit: 20,
          }
          service.get("/api", {params: Params}).then(res => {
            console.log(res.data)
          })
        },