vue用域名访问本地服务器

最新推荐文章于 2025-03-20 10:26:49 发布
最新推荐文章于 2025-03-20 10:26:49 发布
阅读量2.2k 收藏 1
点赞数
CC 4.0 BY-SA版权
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_37280992/article/details/97935508
本文介绍如何通过修改vue.config.js和hosts文件设置Vue项目的本地开发环境，以实现对特定域名的访问。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

vue.config.js中添加在这里插入图片描述
更改C:\Windows\System32\drivers\etc 中的hosts文件 加入
127.0.0.1 local-admin-noti.navercorp.jp

可以访问了在这里插入图片描述

Cpolar外网访问本地项目
m0_74107471的博客
01-15 1241
Cpolar 是一个内网穿透服务，它可以把内网本地项目通过隧道公布到公网上，供外网用户访问，使公网也可以访问到本地项目，相当于你的本地电脑通过 Cpolar 穿透，变相的你的电脑也就成了一个小型服务器。
vue 使用 node.js 本地服务器
hddlsj的博客
08-06 810
vue 使用本地服务器
vue连接本地服务器
大道至简
12-29 1367
vue,js连接本地服务器
Vue初学32-搭建本地服务器
gis_zhouda的博客
06-05 591
在项目开发测试的时候，每次修改了代码都要执行命令npm run build重新打包，非常繁琐。通过搭建本地服务器，测试的时候能够实时刷新，测试完成后，只在发布的时候打包一次，避免了每次修改都要重新打包。
Vue项目使用自定义域名访问本地
Wangdr的博客
11-10 2401
disableHostCheck: true，是解决浏览器打开www.local.com出现Invalid Host header页面的情况。1、配置本地hosts文件：添加127.0.0.1 www.local.com（自定义域名）
新版vue-cli模板下本地开发环境使用node服务器跨域的方法
08-27
新版Vue-cli模板下本地开发环境使用Node服务器跨域的方法 在新版Vue-cli模板下，本地开发环境中使用Node服务器跨域是一种常见的解决方案。为了解决浏览器的同源策略限制，本文将为大家介绍一种使用Node服务器跨域的...
vue项目本地开发完成后部署到服务器后报404是什么原因呢？
最新发布
yousuotu的博客
03-20 537
是一种网络应用程序或网站的模型，所有用户交互是通过动态重写当前页面，前面我们也看到了，不管我们应用有多少页面，构建物都只会产出一个。什么自动化，镜像，容器，流水线布署，本质也是将这套逻辑抽象，隔离，用程序来代替重复性的劳动，本文不展开。前后端分离开发模式下，前后端是独立布署的，前端只需要将最后的构建物上传至目标服务器的。这是一个经典的问题，相信很多同学都有遇到过，那么你知道其真正的原因吗？产生问题的本质是因为我们的路由是通过JS来执行视图切换的，是没有相关配置的，所以就会出现 404 的情况。
vue-cli中vue本地实现跨域调试接口
10-17
在开发阶段，前后端分离模式下的前端通常运行在本地开发服务器上（比如localhost），而后端可能部署在另一个域名或端口上。当前端尝试发起跨域请求到后端API接口时，由于浏览器的安全限制，会导致跨域报错。 2. ...
使用vue打包进行云服务器上传的问题
11-21
XShell支持文件传输功能，可以将本地的ZIP文件上传到服务器。 5. **云服务器操作**： - 在服务器上，首先安装必要的插件，如`unzip`，以处理ZIP文件。这可以通过`sudo apt-get install unzip`（对于基于Debian的...
本地vue项目部署到云服务器
weixin_43788771的博客
08-01 1085
将本地vue项目部署到云服务器上
如何在本地启动vue项目使用域名访问
AuraVic的博客
11-27 4737
小编今天产品上有一个需求，就是多个相同二级域名下的系统的要共享cookie，通过cookie来进行免密登录。那这个需求在本地我们如何调试呢？这就需要依靠本地启动一个服务通过域名来访问。
内网穿透之FRP，域名访问本地服务【只看这篇就够了，收藏必备】
热门推荐
整天梦游的小jerry
12-23 1万+
FRP(Fast Reverse Proxy)是一个专注于内网穿透的高性能的反向代理应用，支持 TCP、UDP、HTTP、HTTPS 等多种协议。可以将内网服务以安全、便捷的方式通过具有公网 IP 节点的中转暴露到公网。在带有公网 ip 的云服务器上部署 frp 的服务端 frps在需要穿透的内网服务器上部署 frp 的客户端 frpc每个客户端都会有一个配置文件用于和服务器连接。
前端通过nginx访问本地端口
qq_41282779的博客
10-08 1683
目录一、nginx安装1、下载（1）下载地址 （2）系统选择（3）版本选择2、安装部署（1）解压（2）配置文件修改（3）启动二、使用1、其他命令总结nginx官网 1）中“1”为Linux资源，2）“2”为window资源1）Mainline version 主流版2）Stable version 稳定版3）Legacy versions 历史版本1）将下载的压缩包解压到指定文件夹2）文件说明1）在conf目录下找到nginx.conf文件，打开2）
如何快速实现域名访问本地环境
lxtx
11-19 496
当我们开发微信小程序等应用时，你会发现 一个烦人的操作，就是你必须得弄个域名，才能够进行访问，对于一般的开发者而言，这就麻烦了，要搞openssl,要购买域名等等。这里有一种简单的办法，能够快速实现域名访问本地环境。
通过域名访问接口，报400
qq_42702331的博客
08-26 1854
nginxp配置导致400
用Nginx将前端Vue项目部署到云服务器（含代理实现请求跨域）
m0_62556296的博客
10-24 3495
记录使用Nginx将的Vue3项目部署到阿里云服务器（Ubuntu 22.04）上，包含通过Nginx代理实现、以及个人踩坑记录~
vue项目使用自定义域名开启本地服务（ip地址和域名映射）
qq_2511276124的博客
07-04 5084
使用域名访问本地服务。
用域名如何访问内网服务器？
天联SD-WAN的博客
05-03 1167
我们可以使用更直观、易于记忆的域名来访问服务器，而不需要记住复杂的IP地址。当我们在浏览器中输入一个域名时，浏览器会发起一个域名解析的请求，将域名转换为对应的IP地址，然后再与相应的服务器建立连接。无论是在需要远程管理服务器、访问内网资源还是搭建本地测试环境，域名访问内网服务器都将成为我们的得力助手。的端口转发功能，我们可以方便地使用域名来访问内网服务器。中，我们可以通过配置端口转发来使得内网服务器可以通过域名进行访问。通过以上步骤配置完毕后，我们就可以通过域名来访问内网服务器了。地址，只能在内网中访问。
在Vue开发环境下，如何实现域名访问？
SACKings的博客
11-25 4109
在使用Vue开发时，开发环境一般都使用本机访问。开发环境下，当运行“npm run serve”命令后， 在命令行窗口会显示如下信息： App running at: Local: http://localhost:8081/ Network: http://192.168.1.23/ 其中Network显示的是本机的内网IP地址。这时即使你的机器有一个公有IP并绑定了域名，如果想从外网通过域名访问你的应用也访问不了。 当然，开发环境原本不鼓励从外网访问， 但偶尔也会有需要从外网访问测试一下。这
vue用axios请求本地api接口出现本地的服务器拼接api地址
11-12
当部署到本地服务器（如 `localhost` 或 `file:///` 协议）时，由于安全限制，浏览器不会允许跨源访问，所以默认情况下会禁止直接访问其他域名下的文件。 解决这个问题有几种方法： 1. **使用绝对URL**：将 API ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值