15、Nuxt.js代理转发解决跨域问题

nuxt.config.js

export default {
  ...

  // Modules: https://go.nuxtjs.dev/config-modules
  modules: [
    "@nuxtjs/axios"
  ],

  axios: {
    proxy: true, // 开启代理转发
    prefix: "/api"
  },

  // 代理转发
  proxy: {
    '/api': {
      target: "https://mock.mengxuegu.com/mock/65470ac8a6dde808a695ed51/blog-web",
      pathRewrite: { 
        "^/api": "",
        changeOrigin: true 
      }
    }
  },
  ...
}

pages\index.vue

/**
   * 加载组件之前服务端调用
   */
  async asyncData({ $axios }) {
    try {
      let res = await $axios.$get("/test");
      console.log(res.data)
      return {
        res: res?.data
      };
    } catch (err) {
      console.log(err);
    }
  },