Vue项目打包

1.vue cli 3 打包部署到服务器上出现net::ERR_ABORTED 404 (Not Found)问题解决

解决方法：配置vue.config.js如下：

module.exports = {
    publicPath: "./"
}

 2.vue cli打包后运行

使用npm run build命令进行打包，但是直接打开index.html是无法看到内容的，因为无法加载其中的内容，所以必须使用服务器来打开网页，这里以express服务器为例查看

1.全局安装express-generator生成器。

express-generator是express新版本分离出来的命令工具，想要使用express命令必须装这个依赖。

npm install express-generator -g // 也可使用cnpm比较快

2.创建一个express项目。

express expressName // expressName是项目名

3.进入项目目录，安装相关项目依赖。

cd expressName

npm install // 或cnpm install

4.将Vue build后生成的dist文件夹下的所有文件复制到express项目的publick文件夹下面，然后运行  npm start 来启动express项目。

5.打开浏览器，输入localhost:3000就可以看到效果了。