当前位置:   article > 正文

启动本地vue项目用80,443端口,使用域名(http/https)访问_vue-cli devserve本地服务器端口指向443

vue-cli devserve本地服务器端口指向443

基于vue2.0项目

记录一次将项目用https访问的历程:

        常规启动项目 npm run dev成功之后,浏览器输入localhost:8080 就可以访问了,在做小程序相关的项目时候,web-view内嵌H5必须是以域名的方式来加载。

众所周知:http对应80端口,https对应443端口。

我们修改webpack配置文件。port修改为80或者443,修改完成之后,执行npm run dev

  1. dev: {
  2. host: 'localhost',
  3. port: 80,
  4. https: true,
  5. }

这里会有一个问题,使用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

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/我家小花儿/article/detail/147712?site
推荐阅读
相关标签
  

闽ICP备14008679号