vue.js项目打包上线
来源:互联网 发布:淘宝上抓卖保健品的 编辑:程序博客网 时间:2024/04/30 04:46
最近一直坚持每个月写一个小的vue.js 开发的项目,最后开发完成后想到很久之前给别人回答的一个问题:vue的项目如何上线,当时有千奇百怪的回答,我在想,这些人都是肿了么,vue的官方都说了,这个框架只是做了view这一层,所以并不是把这些开发完的东西直接拷贝到服务器上,而且需要打包为静态文件上传服务器的。这里我简单的列出这个过程:
首先需要修改一下配置文件再打包,很多人都是遇到过打包后运行一片空白等等问题,这些问题主要就是路径的问题,所以需要修改config下面的index.js这个配置文件里选项:
上图中第一个要修改的就是静态文件的路径,打包后静态文件就在当前目录下,所以修改为./
第二个是环境设置为生产环境
修改好后打开cmd运行下面的命令打包即可:
注意下面的tip,告诉你这个打包后的文件需要放到服务器才能打开,不能直接使用浏览器打开,打包后的文件结构如下:
这时我们需要使用服务器的方式来访问index.html就可以了。这里可能很多人也会遇到一些问题,比如大家可能在开发的时候使用的proxytable来解决跨域的问题,这里就会没有数据了,这个需要自己通过服务器在解决一下才可以的,proxytable在这里只是为了方便大家开发的跨域解决方案。
阅读全文
2 0
- vue.js项目打包上线
- vue.js 项目 环境搭建、打包发布
- iOS9项目打包上线
- iOS9项目打包上线
- ios项目打包上线
- iOS9项目打包上线
- vue项目打包之后js文件过大怎么办?
- Cordova打包Vue项目
- vue项目打包App
- React、Vue项目上线的改善
- webpack打包vue项目demo
- 用Cordova打包Vue项目
- HBuilder打包app(vue项目)
- 关于vue-cli + webpack打包给后台,部署上线
- vue.js创建项目
- 创建Vue.js 项目
- vue.js创建项目
- vue.js项目结构
- BZOJ 4195: [Noi2015]程序自动分析 哈希表 并查集
- python | 读文件编码问题 | UnicodeDecodeError: 'gbk' codec can't decode byte 0x80 in position 34: illegal mu
- 七、在LinkedHashMap中,String a = new String("abcd");String b = new String("abcd");都作为key,会如何?
- 配置Mybatis
- IT人士必去的10个网站
- vue.js项目打包上线
- Java中的Runtime类
- 华为OJ——数据分类处理
- Leetcode--Add to List 201. Bitwise AND of Numbers Range
- 自动调用,代码块
- Elasticsearch概述
- java.util.zip.ZipException: duplicate entry(重复依赖多版本的类库)
- JS本地数据库创建和查询
- Linux GCC共享内存