部署vue项目遇到的问题

情况是在白嫖vue实战课程的时候白嫖到了一个 node.js 写的后端入口文件，从而可以在服务端部署由 vue-cli 打包的项目，目录结构如下

dist文件夹是 vue-cli 的打包而成的文件夹，app.js 是后端入口文件

app.js 内部的代码如下

app.use(compression())
app.use(express.static('./dist'))//dist是vue-cli 的打包而成的文件夹
app.listen(8080, () => {
  console.log('server running at http://127.0.0.1')
})

如果只需要部署一个项目，这样就满足了，可是当有多个的时候，还是需要来研究下这个入口文件是怎么运行的，网上看文档，看博客之后发现，app.use 的第一个参数可以是请求路径，如下

app.use("system", express.static('./dist'))

然后悲催地，浏览器打出了以下bug

‘http://localhost:8100/css/base.css’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled