如何运行vue-cli打包后的dist目录中的index.html文件?

2026-04-03 00:510阅读0评论SEO资讯
  • 内容介绍
  • 相关推荐

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

如何运行vue-cli打包后的dist目录中的index.html文件?

使用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分钟。

如何运行vue-cli打包后的dist目录中的index.html文件?

使用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来查看你的项目了。

阅读全文