将“vue第四天笔记02——axios请求”中的项目打包，步骤如下：

第一步，(使用之前记得命令行执行npm install)将webpack.config.js中的一个斜线去掉

 第二步，将index.html中的一个斜线去掉

 第三步，命令行输入以下代码

npm run build

 

 第四步，新建一个文件夹，名字随便取，将data和dist两个文件夹以及index.html文件复制到新建的文件夹里面

 第五步，直接打开index.html会发现图片显示不出来，甚至还报错，这时，只需要将项目放在服务器下就可以正常显示了

 （1）安装一个软件：PhpStudy

如果遇到下面的情况：

 解决方案：

 

 

 

 （2）将新建的文件夹放进网站根目录里面

 

 （3）在服务器下打开项目