如何本地运行vue-cli打包后的dist目录下的index.html文件？

本文共计583个文字，预计阅读时间需要3分钟。

使用npm run build生成dist文件夹中的文件是你需要上传到服务器上的文件。直接打开index.会直接报错。可以尝试用express搭建一个服务器，具体做法如下：

1. 在dist根目录下新建server.js文件；

2.在server.js中写入以下代码：

javascript

const express=require('express');const path=require('path');const app=express();

app.use(express.static(path.join(__dirname, 'dist')));

app.listen(3000, ()=> { console.log('Server is running on http://localhost:3000');});

3. 运行server.js文件，可以使用node命令或npm命令：

node server.js

或

npm start

4. 打开浏览器，访问http://localhost:3000，即可看到dist文件夹中的内容。