解决 Nuxt 本地开发跨域、referer、origin 问题

跨域问题,通过 @nuxtjs/proxy 解决

// nuxt.config.js
modules: [
    '@nuxtjs/proxy'
  ],

  proxy: [
    [
      '/api/',
      {
        target: 'siteexample.com'
      }
    ],
    [
      '/oauth2.0/',
      {
        target: 'siteexample.com'
      }
    ]
  ]

referer 或 origin 问题,通过本地配置 host 解决

注意配 host 不包含端口号

// hosts
192.168.0.43 m.siteexample.com

nuxt 本地运行的 host 和 port 可在 package.json 中设置更改

// package.json
{
  "config": {
    "nuxt": {
      "host": "192.168.0.43",
      "port": "8980"
    }
  }
}

现在浏览器打开地址为 m.siteexample.com:8980/

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容