javascript - 从子域使用主域的js和css

标签 javascript html css .htaccess subdomain

假设我有一个名为 example.com 的域,现在我正在使用子域 mobile.example.com 创建我的移动网站。

mobile.example.com 显示 http://example.com/mobile 目录的内容。

example.com目录结构是

-- css
-- images
-- js |--- custom.js
-- mobile |--- start.html
-- html files

现在我想在 start.html 文件中使用 custom.js,即 mobile.example.com/start.html

我做不到

<script type="text/javascript" src="/js/custom.js"></script>

在 start.html 上,因为它表示 mobile.example.com/js/custom.js,这是不可用的。

还有

<script type="text/javascript" src="../js/custom.js"></script>

不起作用,因为它也意味着 http://mobile.example.com/../js/custom.js

我也做不到

<script type="text/javascript" src="http://example.com/js/custom.js"></script>

因为除了 example.com,我还有另一个域用于测试。我不想在上传到测试服务器和产品服务器时更改我的代码。

我也不能将 js/custom.js 复制到 example.com/mobile 文件夹中,因为它会带来冗余。

关于如何将我的 js 和 css 请求重定向到主域的任何其他想法?

最佳答案

如果您无法从原始路径复制内容,则创建符号链接(symbolic link)。从 mobile/ 目录执行此操作:

ln -s ../js .
ln -s ../css .
ln -s ../images .

然后将它们用作:

<script type="text/javascript" src="/js/custom.js"></script>

关于javascript - 从子域使用主域的js和css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25846085/

相关文章:

用于查找和连接特定字符串的 Javascript 正则表达式?

javascript - Web Audio 中 AudioNode 的清理

angularjs - 如何根据用户位置(而不是 html5 地理定位)将谷歌地图居中? ( Angular JS)

css - PrimeNg Datatable 样式单元格

javascript - Span 下拉列表选择 Jquery

javascript - 获取jstree中子节点的直接父节点

html - 可以在圆形区域的那个位置创建很多 `div` 吗?

javascript - HTML5 将 Canvas 保存到服务器上的文件

css - Bootstrap 2模态动画延迟

css - 删除开发期间在 chrome devtools 中创建的所有诊断样式