VuePress:如何在开发服务器中使用 https?

Posted

技术标签:

【中文标题】VuePress:如何在开发服务器中使用 https?【英文标题】:VuePress: How can I use https in dev server? 【发布时间】:2020-11-08 15:11:51 【问题描述】:

在 VuePress 开发服务器中启用 https 有什么钩子吗?

1。当前解决方案。

我直接给node_modules/@vuepress/core/lib/node/dev/index.js加了一行。这很好用,但很讨厌。

  createServer () 
    const contentBase = path.resolve(this.context.sourceDir, '.vuepress/public')

    const serverConfig = Object.assign(

      https: true, // <--- Added this line.

      disableHostCheck: true,
      compress: true,
      clientLogLevel: 'error',

vuejs/vuepress - /packages/@vuepress/core/lib/node/dev/index.js#L197-L237

2。背景

因为 Chrome 改变了它的安全策略,CORS。

3。我试过了。

我试过了,但没用。 webpack - devServer.https

docs/.vuepress/config.js

  configureWebpack: (config, isServer) => 
    if (!config.devServer) 
      config.devServer = 
    
    Object.assign(config.devServer, 
      https: true,
    )
  

没有合适的钩子

VuePress - Plugin Option API - beforeDevServer VuePress - Plugin Option API - afterDevServer

没有 https 的命令选项

vuejs/vuepress - /packages/vuepress/lib/registerCoreCommands.js#L18-L31
module.exports = function (cli, options) 
  cli
    .command(`dev [targetDir]`, 'start development server')
    .option('-p, --port <port>', 'use specified port (default: 8080)')
    .option('-t, --temp <temp>', 'set the directory of the temporary file')
    .option('-c, --cache [cache]', 'set the directory of cache')
    .option('--host <host>', 'use specified host (default: 0.0.0.0)')
    .option('--no-cache', 'clean the cache before build')
    .option('--no-clear-screen', 'do not clear screen when dev server is ready')
    .option('--debug', 'start development server in debug mode')
    .option('--silent', 'start development server in silent mode')
    .option('--open', 'open browser when ready')
    .action((sourceDir = '.', commandOptions) => 
      const  debug, silent  = commandOptions

4。相关链接。

vuejs/vuepress - Support devServer.proxy in configureWebpack #858 vuejs/vuepress - Sunsetting webpack-serve #1195

【问题讨论】:

欢迎来到 *** 社区!似乎您已尝试自己格式化问题,这是..至少您尝试过。只需阅读这篇文章(***.com/editing-help),它将帮助您将来处理 Markdown。并且不要忘记为提供有关您问题的有用信息的用户投票并将其标记为已解决。 复制一下,先生 :) 检查这个问题,会帮助你:***.com/questions/45807049/… Gabriel Willemann,感谢您的指导。 【参考方案1】:

将以下设置添加到config.js

//
// docs/.vuepress/config.js
//
module.exports = 

  devServer: 
    https: true
  ,


How to run Vue.js dev serve with https? - ***

感谢您在很多方面的指导。

【讨论】:

以上是关于VuePress:如何在开发服务器中使用 https?的主要内容,如果未能解决你的问题,请参考以下文章

Hexo已经看腻了,来试试VuePress搭建个人博客

如何在 Vuepress 站点中使用 vue-apollo?

如何在 Vuepress 中使用 Vue 插件?

vuepress - 如何使用 register-components 自定义组件目录“.vuepress/components”的位置?

后端开发VuePress的搭建和部署

Vuepress 文档脚手(vue 3.x+vuepress2.x+vite+ts)