vue设置https网页强制window.open通过http打开网页

在Vue中设置HTTPS网页强制通过HTTP打开新窗口可以通过以下步骤实现：

配置Vue项目：在Vue项目中，可以通过vue.config.js文件进行配置。

使用window.open：在Vue组件中使用window.open方法打开新窗口时，可以指定协议为HTTP。

以下是一个具体的示例：
// vue.config.js
module.exports = {
devServer: {
https: true, // 启用HTTPS
proxy: {
'/api': {
target: 'http://localhost:8080', // 代理到HTTP
changeOrigin: true,
secure: false
}
}
}
};
登录后复制
// 在Vue组件中使用window.open
methods: {
openWindow() {
window.open('http://example.com', '_blank');
}
}
登录后复制
<!-- 在Vue模板中添加一个按钮来触发window.open -->
<template>
<div>
<button @click="openWindow">打开新窗口</button>
</div>
</template>
登录后复制
在这个示例中，Vue项目通过vue.config.js文件配置为使用HTTPS，但通过代理将API请求转发到HTTP服务器。同时，在Vue组件中使用window.open方法打开新窗口时，指定了HTTP协议。