重要细节和解决方法:我发现了这个问题:"弃用不安全来源上的强大功能"
这解释了外部主机上强制使用HTTPS。我的开发环境在我的笔记本电脑上,在周末我会SSH到那台机器上,这就是为什么昨天遇到这个问题的原因。我将vuejs
dev服务器远程运行在笔记本电脑上,让它监听0.0.0.0
并在桌面上打开页面。这导致了问题。
我尝试使用SSH端口转发到localhost
。这有效,并且对我来说是可以接受的解决方法。
原始问题仍然有效。我暂时保留它。
我正在使用需要SSL(WebRTC)的JS API进行工作。因此,为了进行开发,我需要通过HTTPS运行dev服务器。如何在vuejs中实现这一点?
我使用webpack快速启动了项目。我找到了一些链接,说明如何在SSL上运行webpack-dev-server,但我不知道如何在vuejs应用程序中实现这一点。考虑到JavaScript和NPM的所有内容,我非常陌生。webpack链接都提到了一个配置文件,但是我的项目中没有这样的文件。我看到的最接近的是"main.js",但是里面绝对没有配置。
本质上,我拥有以下步骤的结果:
mkdir demo
cd demo
npm install --save-dev vue-cli
./node_modules/.bin/vue init vuetifyjs/webpack-advanced demo
# Use the defaults here (except for "Vue build" I used "Runtime-only")
cd demo
npm install
npm run dev # <-- This is the command I would like to use SSL in
webpack-dev-server --https
,在这种情况下,我们不必担心如何自己完成。但是,如果您有解决方案,请开车带领他。让我知道。问候。 - user8556290