Fateeeeee
2020-08-11 15:29
采纳率: 100%
浏览 403

github静态页面怎么解决跨域问题

小白提问

一个vue项目的页面用axios访问某个新闻网站的api提示跨域,在本地用node服务器设置了proxytable解决了,但是打包之后放在网站上又出现了这个问题?
各位大佬怎么解决?

  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

3条回答 默认 最新

  • 淘人居士 2020-08-11 18:07
    已采纳

    别人的API不允许浏览器跨域,你做什么都没用。
    之所以在本地配置proxytable有用是因为node服务端给你转发了。

    打赏 评论
  • 那谁呀撒 2020-08-11 16:53

    config/index.js中设置assetsPublicPath: './'
    build目录下utils.js中的ExtractTextPlugin.extract({}),添加下面这个属性publicPath: '../../'
    把通过ajax获取数据的地址改为GitHub上的json地址(把json数据上传到github,在github上打开json文件,点击raw获取地址)
    npm run build后把dist下的文件上传到静态展示的地方,如xxx.github.io仓库里的某个文件夹(dist),使用xxx.github.io/dist即可访问

    打赏 评论
  • 文动我心 2020-08-17 19:45

    Nginx反向代理应该可以做到吧

    1 打赏 评论

相关推荐 更多相似问题