求救,还有两天项目就要上线了,vue怎么放置到服务器上?

非常感谢你能点进来,以下问题是我经过了频繁的测试和看过很多有关资料还是未能解决的,而项目快要上线了,希望你能解答一二,在线等,谢谢。
  1. 服务器使用 nginx,后端框架使用 thinkphp5vue 项目放置在 thinkphp5/theme/dist
  2. dist 内分别为 index.htmlstaticvue 路由模式使用 hash
  3. 访问时候必须用 www.test.com/theme/dist/index.html 才能访问到,然后链接会变成 www.test.com/theme/dist/index.html#/,与期望的 www.test.com/theme/dist/#/ 不符合,问题1:怎么设置才能得到期望的链接?
  4. 强行使用www.test.com/theme/dist/index.html#/会导致微信支付时候签名出现错误,在安卓下支付插件一闪而过,iOS 下弹窗签名错误的提示。问题2:请问怎么解决?是必须要使用www.test.com/theme/dist/#/这种链接类型吗
  5. 我尝试过将 vue 项目和 tp5 项目分离,www.vue.com 访问 vue 项目,www.tp.5com 访问 tp5 项目,但是带来新的问题,在tp5调用微信授权成功后会 callback 它本身的一个回调函数,但是在微信端却出现跨域错误。
  6. 假如我取消了 tp5callback函数而是直接返回给 vue项目,由 vue 项目调用,结果在授权完毕会出现 www.vue.com/?code=xxx&state=xxx#/index/index 这样,而不是www.vue.com/#/index/index?code=xxx&state=xxx
  7. 我也使用过 nginx 的反向代理,期望将访问 www.tp5.com/theme/dist/ 代理至 www.vue.com/theme/dist/,希望能绕过跨域问题,可惜配置相关 conf 后出现 403 错误

希望得到的突破点是,任一个能解决已经能让项目上线。

  1. vue 项目放置在 tp 中,但是通过 www.tp.com/theme/dist/能访问到 www.tp.com/theme/dist/index.html/#/ 这种正确的路径,
  2. 为什么使用 www.tp.com/theme/dist/index.html#/ 会发生微信支付签名错误,
  3. vuetp 分离后,怎么才可以解决授权回调问题。
阅读 4.1k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题