vue-cli 3.0 打包并本地查看

使用命令行对项目打包

npm run build

完成后直接打开生成的 dist 文件夹下的 index.html ，打开后出现了一个空白页面，并且控制台报错，提示文件找不到。修改 vue.config.js 中的路径。将 baseUrl 属性的值 ‘/‘ 修改为 ‘./‘

module.exports = {
  // 基本路径
  baseUrl: './',
  // 输出文件目录
  outputDir: 'dist',
  // webpack-dev-server 相关配置
  devServer: {
    port: 8888,
  },
}

改好之后就可以打开页面了。但是登陆时需要请求 cookie ，在这里 get 返回的是空。这里需要启动一个 http 服务器来访问。

所以安装 http-server 来启动 http 服务器

npm install -g http-server
//在dist文件夹下执行下面命令
http-server

但是打开网页时，显示该网页无法正式工作，终端显示如下图

这样的话，我们可以安装 anywhere 来解决问题

npm install -g anywhere
//在要启动静态服务的目录下执行
anywhere -p 8080
// -p 后跟端口号

参考：