利用相对路径链接,实现不同域名正常访问同一个网站

2020年12月4日网页前端评论95,330字数 678阅读2分15秒阅读模式

本题有了更好的答案,花了6.66红包买来的:
源站一个,域名多个,CDN分发,来实现多个域名访问同一个源站!
具体咋操作,不会!仅在此记录下。
(具体答案对方报价88.88,没舍得[哭])

最近由于有一个域名经常被污染,导致无法访问,让我很头疼,所以我在想有什么好办法能避免这个问题。

后来看到了有几个同行的网站,是使用多个域名,访问同一个网站,有的域名可以直接访问,有的则需要梯子,这倒是一个好办法。

但是我试验后,确实可以实现多个域名访问同一个网站。但是发现一个问题,就是网站很多的静态资源无法正常加载了。

这问题也很好想明白,因为虽然访问的内容是一样的,但是因为网站内有很多静态资源的链接还是以前的网址,如果域名受阻,静态的资源还是无法加载。

这个时候就可以考虑使用相对路径,避免更换了访问的域名导致网站内链接失效的问题。

这个时候就需要补一下基础知识:

相对路径的 / ./ 与 ../ 这三种写法的区别?

“../”表示上一级目录开始。

“./”表示当前同级目录开始。

“/”表示根目录开始。

那么我就可以把我们的根域名如“http://www.shejibiji.com/”直接替换成“/”。
因为“/”就表示根目录,而我们的域名绑定的也是根目录。

这样就可以实现不同域名,也可以访问到同一个网站文件。

举例:

就拿我这个网站举例。

以前申请友链是访问这个地址:https://www.shejibiji.com/archives/972

我可以改成“/archives/972”

这样即使我更换了域名,这些链接也不会受到影响。

2024最新 Vue.js 的一般性学习路径 网页前端

2024最新 Vue.js 的一般性学习路径

可以根据自己的经验水平和学习方式进行调整。 初学者: 了解前端基础: 熟悉HTML、CSS和JavaScript。 了解基本的编程概念和Web开发原理。 学习Vue.js核心概念: 官方文档:阅读Vu...
如何初次使用react及next.js框架 网页前端

如何初次使用react及next.js框架

官方文档地址:https://react.dev/learn 请确保你已经安装node.js,并可以使用npm或者npx命令。 (本教程默认你已经安装) 仅作本人学习记录,供参考。 安装及使用Reac...
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定