接下来，js如何在生产环境中获取绝对URL？
在生产环境中，JavaScript可以通过以下几种方式获取绝对URL：
- 使用location对象：可以通过
window.location.href获取当前页面的完整URL，包括协议、域名、端口、路径和查询参数等信息。 - 使用document对象：可以通过
document.URL获取当前页面的完整URL，与window.location.href的效果相同。 - 使用a标签：可以创建一个隐藏的a标签，设置其href属性为相对URL，然后获取其完整URL。例如：
var link = document.createElement('a');
link.href = 'relative-url';
var absoluteURL = link.href;- 使用base标签：可以在HTML的head标签中添加一个base标签，设置其href属性为基准URL，然后使用相对URL获取绝对URL。例如：
<head>
<base href="https://www.example.com/">
</head>
<body>
<script>
var relativeURL = 'relative-url';
var absoluteURL = new URL(relativeURL, document.baseURI).href;
</script>
</body>以上方法可以在生产环境中获取JavaScript的绝对URL，以便进行相关操作或者与后端进行数据交互。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb-for-mysql
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能（AI）：https://cloud.tencent.com/product/ai
- 物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mobile
- 区块链（BCS）：https://cloud.tencent.com/product/bcs
- 元宇宙（Tencent Real-Time 3D）：https://cloud.tencent.com/product/trtc
相关·内容
2回答
我面临的问题是，在使用getStaticPaths和getStaticProps时，我无法在生产构建中获得绝对URL export async function getStaticPaths() {const url = ?"http://localhost:3000"
: "https://websiten
浏览 9提问于2020-08-31得票数 2
回答已采纳
1回答
我想知道是否有人有在node.js环境中开发和调试Dart应用程序的最佳实践的良好链接或想法。我可以启动一个独立的Dart应用程序，并使用绝对url调用rest，但我认为应该使用node.js提供Dart应用程序，url应该是相对的。在生产中，我们还需要服务js编译的应用程序。你知道如何建立一个接近生产的良好开发环境吗？
浏览 5提问于2014-03-18得票数 2
回答已采纳
7回答
是否可以获取回形针附件的绝对URI？现在，问题是生产环境部署在子URI (on Passenger：RackBaseURI)中，但是<paperclip attachment>.url返回Rails-app相对URI (/system/images有没有办法获取回形针附件的绝对URI？
我使用的是Paperclipv2.7和Rails 3.2.8。
浏览 8提问于2012-09-23得票数 25
回答已采纳
我在twig模板中使用assetic，从我的包的公共文件夹中包含一个javascript文件。问题是这个JS文件中包含使用jQuery调用其他页面的URL。
我应该如何处理这些URL？我可以将URL写成绝对路径--但这会在开发环境和生产环境之间造成问题，也会使应用程序的可移植性变得不是很好。做这样的事情最好的方法是什么？
浏览 0提问于2011-06-22得票数 1
回答已采纳
有没有办法让grails run-app在localhost:8080/上而不是在localhost:8080/${appName}上启动？在Config.groovy,中，设置grails.serverUrl绝对没有影响-它似乎只影响不同grails方法的绝对url生成。在生产环境中，我使用apache将site.com:8080/appName屏蔽为site.com。我想让我的测试配
浏览 0提问于2011-02-15得票数 11
回答已采纳
我有一个vue-js应用程序，它使用了webpack。在开发和测试环境中一切都很好，但我在为生产构建它时遇到了麻烦。 background-url: url("/static/img/foobar/my-image.svg")
则编译后的CSS将具有相
浏览 1提问于2017-06-09得票数 0
我使用create- react -app创建react应用程序，我使用node js作为后端开发。我可以在本地环境中成功地运行它，但是在生产构建应用程序中拥有相同的应用程序并不会设置"apiURL“API_URL = process.env.REACT_APP_API_URL实际上，我需要获取API_URL = ，但我得到的API_URL在<e
浏览 6提问于2018-08-22得票数 0
我正在尝试使用Apache+mod_wsgi将我的Django应用程序部署到生产环境中，但在静态文件方面遇到了麻烦。由于某些原因，我的模板在生产环境中无法识别{{ STATIC_URL }}。在开发过程中，我的静态文件具有以下URL：
<script type="text/javascript" src="/static/js
浏览 1提问于2011-04-25得票数 2
1回答
我需要对节点js的需求。我需要在url中设置环境，比如，其中env可以被开发，产品。要求是.开发环境- ：-在这种情况下，数据库将是-- test_dev，所有数据将被获取/存储在该数据库中--生产环境-- ：--在这种情
浏览 0提问于2021-05-26得票数 0
3回答
我正尝试在我的Django站点中运行WMDEditor。我已经在我的网站根目录下的/static/js/wmd.wmd.js目录中安装了WMD文件。但是，当页面得到服务时，我会得到：jsHTTP/1.1" 30
浏览 1提问于2009-09-08得票数 0
回答已采纳
在.vue文件中，我需要根据应用程序的环境修改<img>标记的src属性中包含的url。在开发环境中，映像必须来自应用程序文件夹，并带有一个相对路径：“/src/映像/样例”
在生产环境中，图像必须来自cdn，具有绝对路径："“。在"webpack.config.js“文件
浏览 4提问于2019-12-19得票数 6
1回答
在laravel/vue.js项目的开发和生产环境中，我遇到了路径问题。CSS文件中的
开发环境npm run hot只接受/public/images/image.png等urls中的绝对路径，而生产环境npm run prod + php artisan serve只接受相对路径/images/image.png').defa
浏览 0提问于2021-08-27得票数 3
回答已采纳
(1)链接按钮之类的资产或包括JS这样的文件的正确方法是什么？目前，对于这种情况的src攻击设置为：这是正确的部署我的网站到生产？换句话说，它是www.mysite.com还是www.mysite.dev并不重要，因为PHP片段将呈现给任何站点URL，对吗？目前，它处于一个具有顶级(但却是假的) .dev域的暂
浏览 0提问于2012-06-13得票数 0
回答已采纳
,array(),true) 我怎样才能摆脱:80？这种情况只发生在生产中。在我的本地机器上，我没有得到绝对URL中的默认端口。生产环境使用反向代理(nginx: 443 ->varish-> apache : 80 )，本地apache服务器端口为80，但应该是远程端口443。
浏览 3提问于2013-08-17得票数 3
回答已采纳
如何让我的index.html根据我的环境从不同的位置加载JS文件？在开发时，我希望文件的src是一个绝对路径：/dist/bundle.js以下是加载文件的HTML： </head>
<body&g
浏览 12提问于2016-08-29得票数 0
回答已采纳
2回答
我正在启动一个AngularJS应用程序，并且需要在生产模式下使用绝对路径调用静态文件，在开发模式中使用相对路径调用静态文件。例如，如果我需要访问JS静态文件夹，那么在生产环境中，我需要调用：，而在开发环境中，我将拥有一个常规的assets/js文件夹。谢谢!
浏览 2提问于2015-05-16得票数 1
在AUTH_PROVIDER_URL环境变量方面，我遇到了一些困难，该变量设置在本地设置、临时服务器和生产环境中是不同的。我100%确信环境变量在每个环境中都是正确设置的。我遇到的问题是，在nuxt.config.js文件和"auth“部分中，我需要针对每个环境(本地、暂存、生产)指向不同的URL。p
浏览 16提问于2022-01-30得票数 4
1回答
我有一个Grails/VueJS项目，我想知道如何为每个环境定义不同的SERVER_URL。我在4个不同的环境(具有不同的urls)上部署在亚马逊网络服务上，我需要对此SERVER_URL进行良好配置，以便调用我的控制器。今天我有了我的配置文件：但我在prod.env.js中只能有一个值pro
浏览 0提问于2018-05-24得票数 0
2回答
我的项目位于一个单独的文件夹中，如C：\wamp64\www[项目名称]。恼人的问题是代码中的url路径。我想以一种既在本地又在生产环境中工作的方式来处理它们。例如，这是一个绝对链接：它旨在将用户导航到项目名称/posts/.。换句话说，我想用斜杠获取项目根目录。如果这是不可能的，那
浏览 2提问于2017-10-01得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
