前端怎么正确解析分享链接？

Question

通过后端生成的分享链接点击进入本地项目，请求app.js文件的地址并不是运行项目的8080端口，而是ip地址 + 8080 + 链接参数，导致资源无法获取，报错404。

Answer 1

首先你的分享链接是如何生成的？
建议限制链接的生成规则，而不是去解析生成后的结果；
例如如果你想要打开1.1.1.1:8080/index这个网页，在生成分享链接的时候，就限制好对应的ip和端口；而不是对已经生成的链接去解析然后做对应的处理。

Answer 2

分享的链接地址应该使用域名，而不是IP地址。如果一定要使用IP地址请确保是正确的公网地址。
而不是一些局域网地址。

如果是进入本地启动的项目，则需要后端生成分享链接的时候的地址信息是当时启动的前端项目IP地址和端口。

如果不想修改，则可以手动复制 / 后面的信息到当前运行的前端项目URL之后。
比如说生成的是 http://127.0.0.1:8080/post/100?shareId=123，本地运行的项目地址是 http://192.168.1.1:8080/ 那么就复制 /post/100?shareId=123 到页面当中就可以了。

Answer 3

生成一个相对路径就行了，比如/a/b?param=111 路由拼接参数的形式，
然后跳转到哪个项目就用项目的域名或者ip+port加上后端返回的路径去跳转就可以