1、执行npm run build；
2、将项目中的dist目录下的打包文件丢到后台服务器的根目录【htdocs】下

然后在浏览器输入localhost回车执行即可，此时访问的地址其实是后端的服务器，由于后台已经有前端打包的文件所以就会将前端界面执行起来

如果项目实际开发的时候并不是放在根目录下，比如htdocs\testpro路径下，此时需要修改前端相关的文件config\index.js，重新打包将dist目录下的打包文件丢到后台服务器路径【htdocs\testpro】下，然后在浏览器中输入http://localhost/testpro回车执行即可

异步组件实现按需加载
dist\static\js

app.xxx.js、manifest.xxx.js、vendor.xxx.js，以map为结尾的文件是sourcemap的文件，方便开发的时候做调试的辅助文件
【app.xxx.js】存放的是项目中所有界面的业务逻辑代码，所以我们通常所说的异步组件就是指app.xxx.js文件，
【manifest.xxx.js】可以理解为webpack打包时生成的配置文件，无需过多的关注里面的代码；
【vendor.xxx.js】存放的是各个组件、界面公用的一些代码,即第三方的库或者公共的基础组件

src\router\index.js将改文件的import Home from '@/pages/home/Home’删除，将该单页面文件的引入放在相应路由定义中的component中，如图