在vue项目中添加一个html页面,开启本地服务器

Posted eyed

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在vue项目中添加一个html页面,开启本地服务器相关的知识,希望对你有一定的参考价值。

在vue项目里新增一个不需要登录的页面,那么我只能新增一个html页面了,不经过路由,直接在浏览器输入路径打开,那么就需要用到本地服务器,

1、vue里面的html页面最好放过在public文件夹里面,但是我的vue项目没有public,就只好放在static里面了,这样可以不经过vue的路由

2、然后就是开本地服务器,当然,是基于node的,

  1)可以在这里下载 https://nodejs.org,安装完成后可以在控制台输入:node -v 查看版本号

  2)下载http-server:在控制台输入 npm install http-server -g

  3)开启本地服务器,在控制台输入 http-server 就可以了

  4)关闭本地服务器,按快捷键 CTRL-C,当显示 ^Chttp-server stopped 的时候,就是关闭成功了

以上是关于在vue项目中添加一个html页面,开启本地服务器的主要内容,如果未能解决你的问题,请参考以下文章

解决本地nginx部署vue项目只能访问默认页面问题

解决本地nginx部署vue项目只能访问默认页面问题

解决本地nginx部署vue项目只能访问默认页面问题

使用http-server开启一个本地服务器

使用http-server开启一个本地服务器

vue项目优化实战-开启gzip压缩