（1）打包项目前端
1、yarn run build或者2、npm run build
打包后，webpack会自动在根目录生成build文件，里面存放着相关文件node
（2）运行打包项目&&跨域分析webpack
1) 与服务器端项目独立运行nginx
问题: 存在 ajax 请求跨域问题 解决: 由服务器端工程师配置代理服务器(前端工程师不用亲自操做)
这种即是
有跨域状况，项目与服务端运行在不一样服务器或端口下。
这里说到通常是由后端工程师处理的，咱们做为前端简单了解下。须要使用nginx工具
该工具主要用来给后端开发人员作集群的，还能够用来作代理服务器，接下来介绍下nginx实现生产环境下的服务器代理。web
注意：该文件不能在中文路径下运行，因此须要注意。
点击运行后，并不会出现运行界面，须要在任务管理器里查看。ajax
而后查看相应进程，会有对应的启动服务。npm
接下来看下配置文件后端
2) 合并到服务端项目一块儿运行
再也不有 ajax 请求跨域问题
这里咱们采用方式2，直接将打包文件build中的文件放到node后台搭建项目的根目录下的public目录下，以下所示。这种即是无跨域状况.跨域
直接将build下打包生成的文件放过来，而后运行项目便可正常预览服务器
如今启动服务端，直接预览便可
.