美文网首页
微信公众号开发穿透到本地起的Vue项目时,无法访问开发环境的ap

微信公众号开发穿透到本地起的Vue项目时,无法访问开发环境的ap

作者: Tme_2439 | 来源:发表于2019-07-31 11:29 被阅读0次

原因:

在探索的过程中总会踩到各种各样的坑,因为我最初的想法是把我所有的项目都部署在nginx静态目录的二级文件夹下面,于是我使用反向代理穿透到本地的9080端口(vue本地项目端口),然后问题就来了,访问不到app.js文件,也就是穿透成功了,也同样没用。

nginx的反代配置:
最开始的反代配置
访问不到app.js文件,被反代到服务器根目录下去了,肯定拿不到:
拿不到app.js,本地vue项目自然跑不起来

解决:(感谢前端群内大佬的思路与指点)

1、解析一个二级域名到服务器的ip地址


解析

2、配置nginx转发到本地的端口(9080)


反向代理到9080端口

3、项目访问成功
设置内网穿透后(见我这边文章:https://www.jianshu.com/p/4c9f295fb84c),即可访问本地的项目访问成功。

相关文章

网友评论

      本文标题:微信公众号开发穿透到本地起的Vue项目时,无法访问开发环境的ap

      本文链接:https://www.haomeiwen.com/subject/sljzrctx.html