Vue项目的部署

经过vue-cli建立的工程，默认已经打好了基础，包含vue-loader webpack。

 

一般咱们开发中，使用npm run dev进行开发，webpack会Hot reload,不用咱们手动刷新浏览器，非常方便。

 

可是真正部署的时候，须要使用npm run build命令。

这一步命令会压缩代码，打指纹等等。

 

能够看到dist目录下是这样的目录结构

原来的static目录内的文件，会原样不动上传到dist的static目录下。

/index.html

/static

----/img

----/js

-------/app.83992983.js

-------/vendor.dklajdkfjwer.js

------/ 更多

---/更多文件省略

 

生产环境下，生成的dist目录下的文件，上传到服务器的www目录下面就能够了。

 

放到apache或者nginx下面均可以，或者node服务器均可以。若是是node，须要使用nginx代理node的端，也就是配置Location啦，不懂得前端同窗能够问问后台。