基于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

Logo

前往低代码交流专区

更多推荐