启动本地vue项目用80,443端口,使用域名(http/https)访问
基于vue2.0项目记录一次将项目用https访问的历程:常规启动项目 npm run dev成功之后,浏览器输入localhost:8080 就可以访问了,在做小程序相关的项目时候,web-view内嵌H5必须是以域名的方式来加载。众所周知:http对应80端口,https对应443端口。我们修改webpack配置文件。port修改为80或者443,修改完成之后,执行npm run devdev
·
基于vue2.0项目
记录一次将项目用https访问的历程:
常规启动项目 npm run dev成功之后,浏览器输入localhost:8080 就可以访问了,在做小程序相关的项目时候,web-view内嵌H5必须是以域名的方式来加载。
众所周知:http对应80端口,https对应443端口。
我们修改webpack配置文件。port修改为80或者443,修改完成之后,执行npm run dev
dev: {
host: 'localhost',
port: 80,
https: true,
}
这里会有一个问题,使用mac的同学启动项目之后可能会发现项目地址变成了localhost:1024
mac最小的端口是从1024开始,想启用80,443端口,必须使用sudo执行
sudo npm run dev
使用域名访问地址需要配置host
mac修改host同样也需要使用sudo
sudo vim /etc/hosts
配置下面这段
127.0.0.1 your domain
完事了,端口,域名齐活之后就可以在浏览器里面输入域名访问你的项目了
http://yourdomain 或 https://yourdomain
更多推荐
已为社区贡献2条内容
所有评论(0)