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啦，不懂得前端同学可以问问后台。