之前公司没有静态资源服务器,最近要求运维弄了一个,项目庞大了以后打包速度会慢,而且打包
体积也大,通过将静态资源迁移到静态资源服务器以后打包速度变快了,包也变小了。
其中涉及到的技术点也不多,主要是设置一下静态资源的路径,在vue项目根目录下建一个.env文件
内容如下
NODE_ENV = 'BASE_URL'
VUE_APP_TITLE = 系统管理平台
VUE_APP_URL = 'https://public.xxx.com/'
index.html里面这样调用
<script src="<%= VUE_APP_URL %>static/vue.2.6.10.js"></script>
<script src="<%= VUE_APP_URL %>static/vue-router.3.0.7.js"></script>
<script src="<%= VUE_APP_URL %>static/axios.min.js"></script>
<script src="<%= VUE_APP_URL %>static/vuex.js"></script>
<script src="<%= VUE_APP_URL %>static/element-ui.2.10.1.js"></script>
理想总是好的但是会遇到静态资源跨域(字体,json)的问题,这个让运维处理一下跨域就好了。