js域名,测试环境生产环境访问url区别

本文介绍了一段JavaScript代码,用于获取当前窗口的位置信息,并基于此信息打开一个新窗口。通过解析window.location对象和正则表达式,该代码能够准确地构造新窗口的URL。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

window.location.protocol+’//’+window.location.hostname+(window.location.port?’:’+window.location.port:’’)+(/http(s)??/[/]+/([/:]+)//.test(window.top.location.href)?(’/’+RegExp.$2):’’)

var href = window.location.protocol+’//’+window.location.hostname+(window.location.port?’:’+window.location.port:’’)+(/http(s)??/[/]+/([/:]+)//.test(window.top.location.href)?(’/’+RegExp.$2):’’)
+’/acc.do?’ +
‘id=’ + p.id;

window.open(href, ‘_blank’);

Vue3 项目的生产环境中,如果需要在域名改变时动态更新全局接口前缀,可以采用以下步骤: 1. **配置文件**: 首先,在项目的 `config` 文件夹下的 `index.js` 或 `prod.env.ts` 等配置文件中,定义一个变量来存储接口前缀,例如 `process.env.VUE_APP_API_BASE_URL`。这将允许你在运行时通过环境变量传递值。 ```javascript // env/index.js 或 prod.env.ts export default { //... publicRuntimeConfig: { apiUrl: process.env.VUE_APP_API_BASE_URL || '默认接口地址', // 使用默认值,也可以从环境变量获取 }, }; ``` 2. **环境变量**: 在部署时,根据实际环境(如开发、测试生产),设置不同的环境变量。比如在服务器端,你可以使用 `.env` 文件或CI/CD工具(如Webpack DefinePlugin、npm scripts等)来设置这个变量。在开发环境中可能就是本地localhost,而在生产环境可能是正式域名。 ```bash # .env.production (假设是生产环境) VUE_APP_API_BASE_URL=https://api.example.com # 在构建命令中注入环境变量 "build": "cross-env VUE_APP_API_BASE_URL=your-production-url vue-cli-service build" ``` 3. **全局访问**: 在 Vue3 中,可以通过 `import()` 动态导入配置并赋值给 `this.$axios.defaults.baseURL` 来修改 Axios 的基础 URL。这样每次接口请求都会自动加上当前的 API 前缀。 ```javascript // main.js 或某个合适的模块 import axios from 'axios'; import { defineConfig } from '@vue/cli-plugin-router'; import { useRouter } from 'vue-router'; const router = useRouter(); router.onReady(() => { const apiUrl = router.isProduction() ? process.env.VUE_APP_API_BASE_URL : 'http://localhost:8080'; // 判断是否为生产环境 axios.defaults.baseURL = apiUrl; }); ``` **相关问题--:** 1. Vue3如何判断当前环境生产还是开发? 2. 如果不使用axios,那么在Vue3中如何实现这种全局接口前缀的变化? 3. 如何处理跨域问题,当API前缀改变时?
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值