使用vue-cli工具可以大大提高我们的开发效率,作为小白的喔首先遇到的问题就是:我写到网页怎么发布到服务器呢? Google一下找到一篇类似的回答,通过npm run build可以生成dist目录,打开目录可以发现里面有一个index.html文件,这就首页了,但是它并不支持直接在本地打开(不支持file);但是问题来了,我将dist目录放到服务器以还是不可以打开网页,查看控制台发现一堆404;仔细检查文件发现是文件引用有问题,如图1-1地址前面多了个”/“号。将所有引用修改后网页可以打开了。
简单来说就是一下几个步骤:
1 使用npm run build命令打包项目
2 将项目目录下的dist复制到服务器上
3 修改index.html引用
4输入地址访问网页