Nuxt.js如何使用Api网址并绕过CORS策略

时间:2019-05-03 20:21:39

标签: vuejs2 nuxt.js

我尝试使CORS能够从NuxtJs项目根目录api文件夹中的PHP微服务中获取JSON数据。

PHP微服务正按预期提供JSON。

我遵循this link上的说明:

在模块部分的nuxtjs.config文件中,我只需添加@ nuxtjs / proxy:

    modules: [
    '@nuxtjs/axios',
    '@nuxtjs/proxy'            
  ],

在nuxtjs.config文件的末尾,我只需添加

 },

  proxy: {
    '/api': {
      target: 'http://localhost/myapi/index.php',
      pathRewrite: {
        '^/api' : '/'
        }
      }
  }

在index.vue文件中,我只需添加:

Axios.get('/api')

完成这些步骤后,我没有看到json数据。

如何配置Nuxt.Js以接受CORS并正确使用外部API?

https://nuxtjs.org/faq/http-proxy/

0 个答案:

没有答案