vue项目打包后的文件如何在本地访问

你是不是一直存在个困惑？vue项目build出来的dist文件夹下index.html直接点开始控制台一顿报错。今天咱就给他治服。

解决方案就是本地启动一个node服务。详细步骤如下：

• 创建项目

   npm init 
  

• 安装express

  npm install express
  

• 使用
  新建一个js，我这命名为server.js

    var express = require("express");
    var app = express();
    // 静态资源代理
    app.use("/", express.static(__dirname + "/dist"));
  
    app.get("/", function (_, res) {
      res.sendFile(__dirname + "/dist/index.html");
    });
  
    var server = app.listen(8088, function () {
      var port = server.address().port;
      console.log('localhost:' + port);
    });
  

• 运行
  把vue项目中build生成的dist文件夹copy过来。

  node server.js
  

  打完收工