VUE项目打包上线

目前去哪儿项目已经做好，很多文件都是   .vue   结尾的文件格式，但是如果要放在服务器上需要用 index.html的文件， vue文件是不放在服务器中的

1、如何打包

1.1 在package.json中有一个build可以打包

1.2 使用命令行语句   run npm build  会在项目根目录下生成一个dist文件夹，此时打开dist文件夹中的index.html打开时空的如下所示

1.3 此时需要删掉dist文件夹，然后需要更改配置文件，在config文件夹下有个index.js，找到build中的assetsPublicPath，

将"  '/'  "   修改为 "  './'  "

 

1.4 ，然后再继续打包npm run build就可以了，此时1.2中的index.html就有内容了

1.5  但是图中发现数据没有了，这是因为api后面的dataHome.json文件找不到了，这是因为此文件在根目录上。当项目上线以后就不能再用dist下static下的mock接口了，应该用公司后台给的接口。此接口部分前端暂时不用管（课程没有教，后续有进展再补帖子）

然后将dist文件夹一并给后台，后台改一改就可以直接上线了