如何修改HTML中根路径"/"指向的目标地址？

当你把网站源码存到本地后，根路径（以/开头）的资源会默认指向本地文件系统，而非原网站，这里有几个实用的解决办法：

• 批量替换根路径为原网站绝对URL
  用文本编辑器的全局替换功能，把所有以"/开头的路径替换成"https://google.com/（注意保留引号）。比如在VS Code里按Ctrl+Shift+F打开全局搜索，勾选「正则表达式」，查找内容填"\/，替换内容填"https://google.com/，一键替换所有根路径引用。这个方法直接粗暴，适合静态资源较多的场景。

• 添加<base>标签统一指定基准URL
  在HTML的<head>标签最顶部添加一行：

  <base href="https://google.com/">
  

  这个标签会让页面中所有相对路径（包括根路径、相对路径）都以指定的URL为基准，不用逐个修改资源路径。不过要注意：<base>标签整个页面只能有一个；如果页面里有锚点链接（比如#top），会跳转到原网站的锚点而非本地，这点要留意。

• 本地搭建反向代理（适合复杂交互场景）
  如果网站有大量AJAX请求或者动态资源，上面的方法可能不够用，可以用本地代理工具把本地根路径的请求转发到原网站：

  • 用http-server的话，先全局安装：npm install -g http-server，然后在源码目录运行：http-server -P https://google.com，访问本地服务器地址（默认是http://localhost:8080），所有根路径请求都会被代理到Google的服务器。
  • 用Nginx的话，配置反向代理规则，把本地/路径的请求转发到https://google.com/，适合更复杂的自定义需求。

注意事项 #

• 部分网站有CORS（跨域资源共享）限制，即使路径改对了，AJAX请求可能还是会被浏览器拦截，这种情况只能通过代理方式解决。
• 替换路径时注意不要误改页面里的字符串内容，比如JS里的变量值，建议用正则精准匹配资源路径的开头。

内容的提问来源于stack exchange，提问作者rando