如何运行vue-cli打包后的dist目录中的index.html文件?
- 内容介绍
- 相关推荐
本文共计569个文字,预计阅读时间需要3分钟。
使用npm run build生成dist文件夹中的文件是你需要上传到服务器上的文件。直接打开index.会直接报错。可以尝试使用express搭建一个服务器,做法如下:
1. 在dist根目录下新建server.js文件;
2.编写以下代码:
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文件:
bashnode server.js
现在,你可以通过访问http://localhost:3000来查看你的项目了。
本文共计569个文字,预计阅读时间需要3分钟。
使用npm run build生成dist文件夹中的文件是你需要上传到服务器上的文件。直接打开index.会直接报错。可以尝试使用express搭建一个服务器,做法如下:
1. 在dist根目录下新建server.js文件;
2.编写以下代码:
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文件:
bashnode server.js
现在,你可以通过访问http://localhost:3000来查看你的项目了。

