Skip to content

解决无法直接访问根目录(如:http://localhost:9000/)问题 #357

Open
@zwlijun

Description

@zwlijun

环境: Node + Express + VUE-SSR + ...
发现:在development模式下,直接访问 http://localhost:9000/ 时,会直接输出模板生成index.html文件,用production模式下访问正常。
解决:查看 webpack-dev-middleware 源码,发现如果options对象中的index没有配置或为true时会指向index.html,所以需要在setup-dev-server.js 定义webpack-dev-middleware时的options对象参数中增加一个index属性,值为 “/” 即可解决。

  // dev middleware
  const clientCompiler = webpack(clientConfig)
  const devMiddleware = require('webpack-dev-middleware')(clientCompiler, {
    publicPath: clientConfig.output.publicPath,
    noInfo: true,
    index: "/"  //指定index,解决无法直接访问根目的问题
  })
  app.use(devMiddleware)

有同种业务需要的可以参考(https://github.com/zwlijun/se.vuessr)

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions