关于vue2启动本地https协议

已于 2023-07-12 11:17:07 修改
阅读量2k 收藏 5
点赞数
分类专栏： mkcert  vue 文章标签： vue.js
于 2023-07-12 11:16:18 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/T2208950275/article/details/131677001
版权

关于vue2启动本地https协议

软件简介
mkcert 是生成本地 HTTPS 加密证书的工具，一个命令就可以生成证书，配合vue可以启动本地https协议

mkcert安装命令： mkcert -install
输入mkcert查看是否安装成功
在这里插入图片描述

输入命令

mkcert localhost (本地ip地址)，会自动生成证书，证书会自动生成在终端对应的地址文件下
在这里插入图片描述
在这里插入图片描述
将生成文件后缀修改
在这里插入图片描述

在vue项目src目录下创建新的文件夹，用来存放mkcert 生成证书文件

在这里插入图片描述

在vue.config.js文件做下面配置

在这里插入图片描述在这里插入图片描述
以上配置完成重启服务即可

T2208950275
关注
专栏目录
vue项目本地开启https访问模式
Ivan的编程随笔
08-05 7万+
在实际开发中，我们会以https形式进行页面访问，但是根据vue-cli的版本不同，配置方式也有所差异，以下分别从vue-cli3.x和vue-cli2.x构建的项目分别进行配置开启https:
vue项目启动固定端口号
tsqjxy的博客
06-22 2106
1，在vue.config.js中配置，有一个port方法。代码如下： port该端口号。host能用ip访问页面。https协议。proxy代理。详细配置可看网站： 如果需要观看其他的配置选项：https://www.jianshu.com/p/b358a91bdf2d关于proxy的基本用法：https://www.jianshu.com/p/f489e7764cb8...
vue-vis-network:Vue 2与https集成
05-08
虚拟网络 !!! 笔记 ！！！ 嗨，开发人员。 如果您发现错误或提出改进/功能，请为该项目做出贡献。 因为这些天我非常非常忙碌，而且在接下来的2-4个月内都不会结束。 希望你能比我做得更快） Vue2组件与视图集成 最好了解 ，这是此组件的基础。 这个项目可能有一些来自问题 安装 npm install --save vis-util vis-data vis-network vue-vis-network 或者 yarn add vis-util vis-data vis-network vue-vis-network 用法 声明组件 import { Network } from "vue-vis-network" ; Vue . component ( 'network' , Network ) ; 在模板中添加组件。 < body > < div id =" app "
本地环境开启HTTPS (wamp64)
最新发布
Qxjy___的博客
08-09 1749
实际需求为：正式环境需开启Https访问，故将本地环境 Wamp 64( Apache + MySQL + PHP74 + Windows) 环境同步 wss:// 和测试其他逻辑代码。
VUE 本地启动https服务
诚实可靠小郎君
08-28 663
vue 本地启动https服务
SpringBoot和Vue2项目配置https协议
m0_63550153的博客
04-10 1709
SpringBoot和Vue2项目配置https协议
Vue2.0 使用 https 启动工程设置
前端技术
04-25 4353
项目工程根目录下，找到文件 vue.config.js。设置module.exports.devServer.https: true module.exports = { productionSourceMap: false, configureWebpack: { devtool: 'source-map' }, // 它支持webPack-dev-server的所有选项 devServer: { https: true, //.
vue本地配置https代理
Daoyiyun的博客
07-16 886
今天给大家分享一种不那么普遍但非常有效的 HTTPS 代理配置方法。
web:vue都已经打包好了，请访问https
03-23
在实际操作中，要运行这个Vue项目，你需要先确保安装了Node.js和npm（或yarn），然后在命令行中导航到项目目录，执行`npm install`或`yarn`来安装依赖，接着运行`npm run serve`或`yarn serve`启动本地开发服务器。...
Vue-CLI 3 scp2自动部署项目至服务器的方法
10-15
而scp2是一个Node.js模块，主要用于在本地和远程服务器之间进行文件传输，支持FTP、SFTP等多种协议。 在本篇中，介绍了如何使用Vue-CLI 3与scp2结合，实现自动部署Vue项目到服务器的方法。这一过程可以分为几个步骤...
其他人如何查看前端工程师在本地跑的vue项目（0.0.0.0）
01-20
然而，在这种开发模式下，有时后端开发者需要查看前端工程师正在本地运行的Vue项目来配合测试或者调试。本文将详细介绍如何让其他人能够访问前端工程师本地运行的Vue项目。 首先，Vue项目通常通过webpack-dev-...
vue开发环境修改本地启动的端口号和开启https
u012031958的博客
06-23 6743
categories: [前端,vue] thumbnail: /images/fe/leetcode.jpg toc: true vue开发环境修改本地启动的端口号 当我们使用脚手架搭建项目时，react当中开发环境默认端口号是3000，vue是8080，我们也可以手动修改这个端口号。 VUE 2.X config文件夹中有一个index.js其中部分内容如下，port即为端口号，在这里更改即可。 module.exports = { dev: { env: require('./
vue2.0配置 https://github.com/wike933/vuebook
weixin_30615767的博客
05-12 247
前言： 学习VUE几个月,看了很多例子和资料，vue虽然中文文档比较多，但是都是一些零散的教程，我这里打算写一本完整的VUE2.0的开发教程（因为时间有限，每天更新一小块，希望大家支持） 本人QQ ：200569525 你想学什么，或者有什么疑问 可以联系我 正文： 第一步安装vue 我们一般使用vue-cli 全局安装 vue-cli $ npm install --global ...
启动本地vue项目用80，443端口，使用域名(http/https)访问
猫
11-18 5611
基于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', por...
vue项目，uniapp项目本地调试开启https，加载本地证书
charlie_y的博客
09-20 8449
废话不多说，前端开发调用摄像头，获取地址位置时需要https的问题，在本地运行时可以参考这篇文章操作我这里用的mkcert如果你使用的vite，那么可以直接使用到此，证书生成安装结束了，项目跑起来就ok了。
【VUE】项目本地开启https访问模式(vite4)
无限循环
08-07 7220
在实际开发中，有时候需要项目以https形式进行页面访问/调试，下面介绍下非vue-cli创建的vue项目如何开启https。
vue2+node.js后端配合express框架实现前后端本地联调
lanbaiyans的博客
04-07 1685
vue2+node.js后端配合express框架实现前后端本地联调，（express框架的get，post请求如何传参如何获取前端传入参数）代码拿来即用。node.js简单搭建服务器，vue2的axios封装，代理配置
vue，https协议本地调试代理配置控制台报错 UNABLE_TO_VERIFY_LEAF_SIGNATURE
强颜欢笑
08-28 5239
摘要：记录一次vue测试环境代理接口报错Error occured while trying to proxy to: localhost:8002//api/AdminMenu/menuLis这个错误的bug 公司项目更换了域名，从http协议更换到了https协议，然后查看network出现了上述错误，然后各种百度这个错误怎么解决，大致有这几种解决办法，重新更新node，端口呗占用修改端口，...
SpringBoot+Vue2前后端项目配置ssl证书
weixin_45974277的博客
07-29 7129
springboot项目配置ssl证书
vue2开启https
08-25
要在Vue 2中启用HTTPS，你需要进行以下几个步骤： 1. 生成SSL证书：你需要获取SSL证书，可以通过购买或使用免费的SSL证书。你也可以使用自签名证书进行本地开发。 2. 配置Vue项目：在Vue项目的根目录中打开`config...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值