这是一个创建于 2194 天前的主题，其中的信息可能已经有所发展或是发生改变。
我们的后端是 Java。Java 的 web 程序有一个一级上下文路径，每个应用都不同，比如：
Http://xx.xx.xx:/上下文路径 /user/1
为了和后台一致，来区分应用的上下文，我们的前端资源虽然和后端分离，但是访问的时候，也是带有同样的上下文路径的：
Http://xx.xx.xx:/上下文路径 /html/xxx.html
Http://xx.xx.xx:/上下文路径 /img/xxx.png
Http://xx.xx.xx:/上下文路径 /js/xxx.js
Http://xx.xx.xx:/上下文路径 /css/xxx.css
我们在 html 页面里，无论是链接资源，还是访问接口，都是绝对路径，比如：
<a href="/上下文路径 /js/xxx.html">xxxx</a>
但是现在比较坑爹的是，这个上下文路径，在实际部署的时候，可能会因为客户要求，而发生变化。
Java 后端的这个上下文路径非常好改，然而到了前端这块就出了大麻烦，如果这个上下文路径是硬编码写在页面上，那改起来就致命了。所以这个问题该怎么办呢，该如何搞出在部署时可以方便修改的一级路径来？
Http://xx.xx.xx:/上下文路径 /user/1
为了和后台一致，来区分应用的上下文，我们的前端资源虽然和后端分离，但是访问的时候，也是带有同样的上下文路径的：
Http://xx.xx.xx:/上下文路径 /html/xxx.html
Http://xx.xx.xx:/上下文路径 /img/xxx.png
Http://xx.xx.xx:/上下文路径 /js/xxx.js
Http://xx.xx.xx:/上下文路径 /css/xxx.css
我们在 html 页面里，无论是链接资源，还是访问接口，都是绝对路径，比如：
<a href="/上下文路径 /js/xxx.html">xxxx</a>
但是现在比较坑爹的是，这个上下文路径，在实际部署的时候，可能会因为客户要求，而发生变化。
Java 后端的这个上下文路径非常好改，然而到了前端这块就出了大麻烦，如果这个上下文路径是硬编码写在页面上，那改起来就致命了。所以这个问题该怎么办呢，该如何搞出在部署时可以方便修改的一级路径来？
 |
1
nfroot 2018-12-20 18:05:08 +08:00 via Android
使用相对路径啊，随便放什么目录都可以
|
 |
2
RH 2018-12-20 18:05:13 +08:00
也许可以全局变量定义一个 window.$APP.asset_prefix，部署时替换为需要的路径。
|
 |
3
annielong 2018-12-20 18:11:22 +08:00
如果是有规律的客户要求，就加参数变量，如果随机指定这种，还是硬编码写进去
|
 |
4
imshf 2018-12-20 18:12:48 +08:00
为何你的帖子点进来是黑色背景。。
|
 |
5
maichael 2018-12-20 18:14:40 +08:00
全局变量呗。
|
 |
6
vishva 2018-12-20 18:35:10 +08:00
写一个脚本,每次部署完以后运行一下扫描指定目录中的页面文件,把旧的路径替换成新的
|
 |
8
ipwx 2018-12-20 18:56:06 +08:00
Java 传给 JS ？
|
 |
9
imn1 2018-12-20 19:00:12 +08:00
哇靠，这个节点的主题不错
url re-write，把「上下文路径」作为参数 |
 |
10
abcbuzhiming OP @nfroot 相对路径在开发中很容易出错，我现在是能不用，就不想用上下文路径
|
 |
11
lihongjie0209 2018-12-20 20:46:45 +08:00
没有反向代理?
|
 |
12
aaahhh123 2018-12-20 20:49:56 +08:00
这背景看的脑壳痛
|
 |
13
tabris17 2018-12-20 21:25:00 +08:00
用配置解决
|
|
14
abcbuzhiming OP @imn1 想过这个方案，然而还是无法接受，太丑陋了，引入了中间环节，更容易出问题
|
|
15
abcbuzhiming OP @tabris17 你如何用配置解决
|
|
16
abcbuzhiming OP @lihongjie0209 当然用了，但是你反向代理解决不了这个问题
|
 |
17
TwoDays91 2018-12-21 08:09:14 +08:00 via iPhone
最简单后台接口告诉你上下文 再 js 动态加载
或者打包的时候配置文件做逻辑判断 比如 webpack 这种东西 再或者自己写脚本对应修改 |
|
19
nfroot 2018-12-21 09:28:50 +08:00
@abcbuzhiming web 程序相对路径是最方便和安全的，要不你就程序安装时或者每次加载时自动生成这个变量咯，如果你不嫌麻烦的话。
|
 |
20
kevinkim 2018-12-21 09:49:58 +08:00
可以考虑用 base 标签看看？
|
|
21
tabris17 2018-12-21 10:12:53 +08:00
@abcbuzhiming html 里的路径通过后端模板生成呗。还有种笨办法就是前端构建时生成，路径变化了再生成发布一次
|
 |
22
LeoEatle 2018-12-24 00:49:57 +08:00
没有用 webpack 吗....定义 publicPath 就好了啊
然后源代码里用相对路径去引用对应资源 |
Select Language