vite 使用本地 ip + localhost 访问服务

这篇具有很好参考价值的文章主要介绍了vite 使用本地 ip + localhost 访问服务。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

  • 在 vite.config.js 中,如果未配置 server.host,默认服务将以 localhost 进行启动,此时我们可以通过 localhost:port 或 127.0.0.1:port 进行应用访问。

    import { resolve } from 'path'
    function pathResolve(dir: string): string {
      return resolve(process.cwd(), '.', dir)
    }
    export default defineConfig({
      resolve: {
        alias: {
          '@': pathResolve('src')
        }
      },
      server: {
        port: 3000,
        open: true
      },
      build: {
        assetsInlineLimit: 4096, // 小于此阈值的导入或引用资源将内联为 base64 编码,以避免额外的 http 请求。设置为 0 可以完全禁用此项
      }
    })
    

    启动服务后控制台输出:
    vite localhost,Vue,tcp/ip,网络协议,网络

  • 如果配置了 server.host 的值为 0.0.0.0,静态资源服务将以 localhost 和本地 Ip 进行启动,此时我们可以通过 localhost:port 或 127.0.0.1:port 或localIp:port 进行应用访问

    import { resolve } from 'path'
    function pathResolve(dir: string): string {
      return resolve(process.cwd(), '.', dir)
    }
    export default defineConfig({
      resolve: {
        alias: {
          '@': pathResolve('src')
        }
      },
      server: {
        host: '0.0.0.0'
        port: 3000,
        open: true
      },
      build: {
        assetsInlineLimit: 4096, // 小于此阈值的导入或引用资源将内联为 base64 编码,以避免额外的 http 请求。设置为 0 可以完全禁用此项
      }
    })
    

    vite localhost,Vue,tcp/ip,网络协议,网络文章来源地址https://www.toymoban.com/news/detail-778023.html

到了这里,关于vite 使用本地 ip + localhost 访问服务的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • WinSCP如何使用公网TCP地址访问本地服务器

    ​ Winscp 是一个支持 SSH( Secure SHell)的 可视化 SCP(Secure Copy)文件传输软件,它的主要功能是在本地与远程计算机间安全地复制文件,并且可以直接编辑文件。 ​ 可视化操作就是直接把文件 从本机拖入 ,打开文件 直接双击 即可。 软件特性 支持协议众多:SSH ,FTP、SFTP、FTPS、

    2024年01月25日
    浏览(35)
  • 【VUE】项目本地开启https访问模式(vite4)

    在实际开发中,有时候需要项目以https形式进行页面访问/调试,下面介绍下非vue-cli创建的vue项目如何开启https vue: ^3.2.47 vite: ^4.1.4 根据官方文档:开发服务器选项 | Vite 官方中文文档 ps:首次操作,不要被类型 boolean 误导了哈,直接设置true可能报错 1、首先根据官方文档安装

    2024年02月14日
    浏览(32)
  • SQL server服务连接失败,通过端口1433连接到主机 localhost的 TCP/IP 连接失败

    SQL server服务连接失败,通过端口1433连接到主机 localhost的 TCP/IP 连接失败 出现这个错误的时候,首先确保sql的服务正常启动 通常来说正常安装的SQL server之后,会自带一个软件 打开:SQL server配置管理器 确认一下红框内的服务是否正常启动,如果没有启动,右键对应的服务选

    2024年03月20日
    浏览(46)
  • vite (vue3)配置内网 ip 访问 方法

    本项目框架(vue3): Vite + TS 如果没有进行配置,运行项目之后,看到的访问地址是本地访问地址,其他人访问不了。 如下: 如果想要其他人也可以访问,需要设置内网 ip 访问地址,设置方法如下: 在项目根目录下的 “ vite.config.ts ” 文件 中,添加 serve 配置 “host: ‘0.0.0.

    2023年04月27日
    浏览(28)
  • 如何在CentOS使用Docker搭建MinIO容器并实现无公网ip远程访问本地服务

    MinIO是一个开源的对象存储服务器,可以在各种环境中运行,例如本地、Docker容器、Kubernetes集群等。它兼容Amazon S3 API,因此可以与现有的S3工具和库无缝集成。MinIO的设计目标是高性能、高可用性和可扩展性。它可以在分布式模式下运行,以满足不同规模的存储需求。 MinIO是

    2024年04月15日
    浏览(37)
  • 《TCP/IP网络编程》阅读笔记--并发多进程服务端的使用

    目录 1--并发服务器端 2--进程 2-1--进程的相关概念 2-2--fork()创建进程 2-3--僵尸进程 2-4--wait()和waitpid()销毁僵尸进程 3--信号处理 3-1--signal()函数 3-2--sigaction()函数 3--3--利用信号处理技术消灭僵尸进程 4--基于多任务的并发服务器 5--分割 TCP 的 I/O 程序 并发服务器端主要有以下三类

    2024年02月09日
    浏览(28)
  • iis网站localhost(127.0.0.1)可以访问,使用本机局域网IP(192.168.4.*)不能访问

    在项目服务器上,用IIS发布网站之后,使用地址 http://localhost:10022/可以正常访问,换成http://127.0.0.1:10022/也可以正常访问,但把localhost改成服务器IP地址 http://192.168.4.64:10022/,却显示无法打开此地址 检查防火墙状态,如果防火墙处于开启状态,需要将网站对应端口进行入栈,

    2024年02月02日
    浏览(38)
  • vite项目配置本地开发使用https访问,3分钟搞定

    在开发过程中,有时候需要用到一些音视频接口等需要https才能拿到权限,为方便开发过程中调试,这里就介绍几种vite项目快速开启https访问的方式。vite配置项说明文档:开发服务器选项 | Vite 官方中文文档 这个插件仓库地址:https://github.com/vitejs/vite-plugin-basic-ssl 安装依赖

    2024年02月22日
    浏览(48)
  • vue3之vite创建h5项目1(创建vite项目、配置IP访问项目、配置多环境变量与预览打包生产效果、配置别名)

    初始化项目模块 添加环境变量文件,每个文件写入配置,定义 env 环境变量前面必须加 VITE_ dev环境 test环境 prod环境 在项目根目录下创建 03-1:配置多环境变量之dev环境 .env.development 03-2:配置多环境变量之test环境 .env.test 03-3:配置多环境变量之prod环境 .env.production 03-4 修改

    2024年02月02日
    浏览(48)
  • docker部署,服务器本地访问正常,无法通过ip+端口访问

    在服务器使用docker部署应用的时候,网站本地访问正常,但是无法使用IP地址访问,防火墙端口已经放行(本人服务器系统CentOS 7) 经过一番查找,发现Linux系统中有一个net.ipv4.ip_forward参数,可以设置为0和1 出于安全考虑,Linux系统默认是禁止数据包转发的。所谓转发即当主机

    2024年02月13日
    浏览(47)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包