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

# javascript # vue.js # webpack # https
Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue