将Webpack设置为通过HTTPS在自定义域上本地运行

pmote

为了使用要集成到我的应用程序中的模块(我正在本地开发),我必须做两件事:
1)使我的应用程序在HTTPS上本地运行。
2)运行具有特定域的应用程序。

使用我用于本地开发的Webpack开发服务器,这两件事都应该很容易,但是由于某些原因,它不能正常工作,如文档所示。

我的webpack.config档案是:

module.exports = {
  entry: './app/js/app.js',
  output: {
    path:'./app/js/',
    publicPath: 'https://specialurl.com/assets',
    filename:'bundle.js'
 }

我指向的路径已添加到计算机上的主机文件中,因此它应与localhost默认值一样有效。

我的package.json文件具有以下内容,因为它是开发服务器的启动脚本:

"scripts": {
"start": "webpack-dev-server --progress --colors --https",
}

我进行了这些更改,然后在保存后以npm start重新启动。问题在于服务器仍未在https上运行,当我将浏览器指向新链接时,它什么也没有显示。我发现的所有文档似乎都可以正常工作,因此我必须缺少明显的东西。

pmote

解决了!事实证明,按照我的预期,使用Webpack非常容易,但是文档有点令人困惑。

您只需编辑主机文件以包含所需的域,然后将以下代码添加到您的webpack.config

 devServer: {
  host: "localhost.specialurl.com",
  port: 1234,
  https: true
},

运行npm start并将您的浏览器指向https://localhost.specialurl.com:1234/webpack-dev-server,您应该已经准备就绪:)

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

GitHub Pages自定义域设置

AWS api网关设置自定义域

AWS上免费层中的自定义域?

通过terraform为应用程序服务创建自定义域

如何在Heroku的我的自定义域上使用HTTPS?

使用AWS的Github页面自定义域的HTTPS

如何使用手机上的自定义域和SSL访问在本地运行的网站?

HTTPS Elastic Beanstalk非自定义域

HTTPS无法与在具有自定义域的Service Fabric上运行的Kestrel 3.2.187 / ASPNET Core 2.1.5一起使用

将自定义域设置为“主要”的好处

如何在Nuxt.js上使用自定义域设置Auth0

用静态IP为AppEngine设置自定义域的最佳方法是什么

Amazon ALB:如何在没有自定义域的情况下设置HTTPs侦听器

GAE PHP上Wordpress的自定义域

使用heroku和namecheap设置自定义域

Heroku上的自定义域

为使用Rails 4,nginx和passenger的用户设置自定义域

如何免费在App Engine上设置HTTPS?(对于非自定义域)

GitHub Pages:设置自定义域

为App-Engine网站(无自定义域)设置CNAME,以将Google Cloud Storage Bucket配置为网站

为github页面设置apex自定义域

使用Azure Powershell为存储帐户设置自定义域

在heroku应用上设置.app自定义域

使用Azure Function应用设置自定义域

Heroku 中带有自定义域的 Https

Google Cloud Platform Bucket:通过 https 提供具有自定义域的内容

Azure 或 Google Cloud 是否原生支持通过 https 使用自定义域来提供内容

自定义域 => 本地主机

Branch io:为通用链接设置自定义域