vue3 打包 用live server 本地运行 及 插件反向代理配置

最新推荐文章于 2024-09-22 23:55:28 发布
最新推荐文章于 2024-09-22 23:55:28 发布
阅读量331 收藏
点赞数 1
文章标签： javascript vscode vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/callBack_____/article/details/141497692
版权

应用商店安装 live server  

live server 配置反向代理路径 

参考vite config 配置

配置好后 重启vscode 配置才会生效 用live server 打开已经打好包的 html 就可以预览项目了 

callBack_____
关注
vue2学习笔记3 - 开发环境知识补充：live server简介
l_q_l的专栏
07-14 487
Live Server是一款方便的Web开发工具，可以在开发过程中提供实时预览和自动刷新的功能。无需手动刷新网页，开发者可以实时查看对代码的修改，并快速验证效果，但是不能用于部署最终站点。
Docker部署 直播实时弹幕+聊天室 vue+websocket+spring-boot
qq_39190461的博客
02-12 4214
Docker部署 实现弹幕+聊天室 vue+websocket+spring-boot Docker 部署 实现直播后续 参考文章 https://blog.csdn.net/qq_36710522/article/details/90547819 https://blog.csdn.net/qq_36710522/article/details/97103229 做了一些小修改 首先从弹幕功能开...
【技术工具】用VsCode扩展插件Live Server设置服务端代理不用Nginx做服务端代理也能解决跨域问题
讯开技术孵化器博客
03-26 3289
跨域问题 也就是俗称的前端与后端交互需要同源策略，即如下： 域：服务器域名，唯一标识(协议，域名，端口)必须保证一致，说明域相同 跨域：在一个服务器上，去访问另一个服务器上，并且得到另一个服务器返回回来的值，这就是javascript跨域，其实简单点，之前我们做的ajax，都是在同域中访问，现在只是访问的服务器变成了另外的，不是同一台了。仅此而已。但是这样一变，之前的代码就不能用了。 解决跨域有几种方式，其中之一就是搭建代理服务器（nginx），让所访问域名、端口、路径相同。但我这里不想用nginx
VsCode扩展插件LiveServer使用和代理设置
RoadToTheExpert的专栏
04-28 7668
前言： 有时候，要用http来运行一个本地网页，调试ajax, restful, websocket等操作。 尽管有很多IDE如 Eclipse, VisualStudio, PhpStorm 可以实现。但这些工具好像太重型，在一台新电脑上安装也是费时。 还有 php, python, nodejs 等都有 cli、 cgi、第三方库 来启动 http 服务。但这也仅仅是开了web服务器。...
配置调试工具LiveServer服务器参数
最新发布
qq_74629570的博客
09-22 366
配置LiveServer的默认端口、浏览器等
vscode live-server代理服务
sven_chen93的博客
04-06 5440
vscode有许多插件，当我用VS开发时，想代理环境上的代码，并调试开发，中间遇到一些问题，记录下来 在blog上很容易找到需要安装live server，启用内置服务器 第一步下载 第二步点击右下角的Go Live 浏览器打开一个端口为5500的页面，如下图： 但是如何登陆和与后台交互呢，我百度后，找到如下配置 { "liveServer.settings.host": "loca...
live-server 本地预览vue打包项目
weixin_45610943的博客
09-06 182
在index.html同级路径下。
Vue安装live-server
MeiBlog
07-28 1684
安装 npm install live-server -g 启动 live-server 转载注明出处：www.meidanlong.com ????
VueJS live-server 搭建服务
egbertasd的博客
06-08 388
本地开发常常需要搭建临时的服务，第一时间我们会想到用 http-server。 但现在流行修改文件浏览器自动刷新，这里可以使用 live-server 很简单就能启动一个看起来很专业的本地服务。 你只需要全局安装live-server： npm install -g live-serv 这里是引用 er 并在项目根目录执行这条命令： live-server 然后你什么也不用做，等待一会浏览器就自...
前端面试题知识点总结（仅供参考）
jiang16608544720的博客
03-14 1848
以下是本人面试后总结出来的面试知识点： 1.1. 模块化 \1. ES6 \2. Commonjs 1.2. 构建工具 \1. Webpack核心思想：模块化打包 \2. Webpack基本配置: entry, output, module&rules, plugins, devServer, devtool, resolve \3. 打包各种资源: JS / CSS/img/html/… \4. 加分项: 自定义webpack打包环境, Webpa
Web前端面试题整合，持续更新【可以收藏】
jason的java世界
12-12 1523
css相关、JS相关、浏览器网络相关、vue相关、react相关、移动端相关、插件及工具相关、前端性能优化、原生通信、算法相关、node相关、计算机基础
即将毕业的学生该如何学习WEB前端技术准备校招？
Cangjie627的博客
02-21 460
不知不觉一年又过去一大半，很快秋招就要开始了，最近有不少同学私信我问秋招相关的问题，今天通过这篇文章给大家讲解一下，校招走前端方向，应该怎么做准备。众所周知，校招分为秋招和春招，秋招会有更多的优质就业机会，好的公司会在秋招招一半以上的岗位空缺。只有大概30%左右的岗位会在春招和社招的时候补充。并且有很多同学会因为考研或者考公等因素放弃秋招，随着考研和公考的结束，这些考试失利的人也会流入春招。所以，......
学习Web前端，是应该自学，还是参加培训班？
Cangjie627的博客
05-20 527
先说观点，我强烈建议每个人都要自学，不要参加培训班。我干web前端工程师这个职位已经有6年多的时间，之前在蚂蚁金服做过2年，后来离开是因为加班实在熬不住才走的，像这些已经上市的互联网公司几乎没有不加班的，基本上都是996，虽然工资给的是很高，但谁也顶不住总加班没有生活的状态。由于自己在这行业已经有6年的工作经验，所以对这个行业的情况还是比较了解的，像在蚂蚁金服、腾讯、百度、美团、饿了么这样的大厂中......
Visual Studio Code之对Live Server插件的使用方法
xs2322050203的博客
02-18 3735
下载插件 打开vscode，点击图中的地方，并在输入框中，输入Live Server，选择最上面的，点击install 进行配置 View->Command Palette… 在搜索框中，输入settings（原本漠然有个>)，选择Open Settings(JSON) 将如下代码放在配置中，默认配置文件中为空 { "liveServer.settings.port"...
Vue.js快速入门番外篇——Live Server插件的简介、安装与使用
热门推荐
李阿昀的博客
11-03 1万+
简介 Live Server是一个具有实时加载功能的小型服务器，可以使用它来破解html/css/javascript，但是不能用于部署最终站点。也就是说我们可以在项目中实时用Live Server作为一个实时服务器实时查看开发的网页或项目效果。 安装 第一步，打开VSCode开发工具，在VSCode扩展中搜索Live Server，然后安装即可。 Live Server插件安装成功之后，应该就是下面这个样子了。 第二步，按Ctrl+Shift+P快捷键打开命令面板，输入settings，然后在下拉列表
vscode配置live-server转发代理
怪只怪满眼尽是人间烟火
06-21 3002
首先安装live-server， 然后点击设置：
在 VS Code 中使用 Live Server 配置本地服务器
新的世界博客
04-10 275
在 VS Code 中使用 Live Server 配置本地服务器 - Linux迷
Vue笔记整理，让你快速入门Vue.js：02_1.Vue基础：Vue简介、Live Server的安装使用、第一个Vue程序
鲁迷那的专栏—坚持实践后再写出来！
03-21 495
一、前言 上篇文章介绍了本次课程的安排，对于要学的内容已经有了一个初步的认识，接下来就开始学习第一章Vue基础 二、Vue基础-简介 对于vue可能有些小伙伴只是听过它的名字或者只是见过它的logo，所以我们先来认识它吧！看看它的三个特点： 1、JavaScript 框架 vue它是一个 javaScript 框架，相比于jQuery 这样的javaScript 库，框架的功...
VS CODE 配置 live server 和 Open PHP/HTML/JS In Browser 和PHP debug 及 javascript debugger 和launch.json 及
12-05 1781
VS code 完美解决HTML JS PHP调试环境 debug配置
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值