nuxt跨域

最新推荐文章于 2024-07-26 00:29:15 发布

weixin_34125592

最新推荐文章于 2024-07-26 00:29:15 发布

阅读量268

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/wang715100018066/p/10655457.html

版权

根据nuxt官方文档提供的axios module

安装：

npm install @nuxtjs/axios @nuxtjs/proxy --save

nuxt.config.js

  modules: [
    '@nuxtjs/axios','@nuxtjs/proxy'
  ],
  axios: {
      proxy: true, // 表示开启代理
      prefix: '/api/channel', // 表示给请求url加个前缀 /api
      credentials: true // 表示跨域请求时是否需要使用凭证
  },
  proxy: {
    '/api': {
      target: 'http://47.94.142.215:8082', // 目标接口域名
      changeOrigin: true, // 表示是否跨域
      pathRewrite: {
        '^/api': '/', // 把 /api 替换成 /
      }
    }
  },
  build: {
    transpile: [/^element-ui/],

    /*
    ** You can extend webpack config here
    */
    extend(config, ctx) {
    },
    vendor: ['axios'] //为防止重复打包
  }

主要是增加了这四处

index.vue

  mounted () {
    this.$axios.post('/admin/query/list')
      .then(res => {
        console.log(res)
      })
      .catch(e => {
        console.log(e)
      })
  }

转载于:https://www.cnblogs.com/wang715100018066/p/10655457.html