npm run dev,vite 配置 ip 访问

启动项目通过本地 ip 的方式访问

方式一.通过修改 package.json

复制代码
"scripts": {
    "dev": "vite --host 0.0.0.0",
  },

方式二.通过修改 vite.config.ts

复制代码
export default defineConfig({
  plugins: [vue(), vueJsx()],
  server: { // 配置 host 与 port 方式
    host: "0.0.0.0",
    port: 8000,
  },
  resolve: {
    alias: {
      "@": fileURLToPath(new URL("./src", import.meta.url)),
    },
  },
});

以上便是此次分享的全部内容,希望能对大家有所帮助!

相关推荐
用户479492835691514 分钟前
专升本前端毕业 1 年,从初创到大厂,我的开源项目上了 github trending,顺便聊聊做开源的收获
前端·后端·github
Ashley的成长之路17 分钟前
前端性能优化实战手册·第1篇:从 Lighthouse 60 到 95 的完整路径
前端·性能优化
思码梁田29 分钟前
CSS letter-spacing 属性详解:掌控字符之间的呼吸感
前端·css
大尚来也38 分钟前
React Hooks全解析:告别繁琐Class组件
前端·react.js·前端框架
不简说44 分钟前
JS 代码技巧 vol.2 — 20 个数组/对象/字符串/正则的实用技巧
前端·javascript·面试
小小编程路1 小时前
C++ 块作用域详解:从基础到实战
前端·javascript·vue.js
虚惊一场1 小时前
MarkView:纯前端 Markdown 实时预览工具的架构设计
前端·javascript·vue.js
hunterandroid1 小时前
[鸿蒙从零到一] ArkUI 常用布局实战:Column、Row、Stack 与 Flex
前端
海上彼尚2 小时前
Nodejs也能写Agent - 17.LangGraph篇 - Checkpointer 与 Memory
前端·javascript·人工智能·langchain·node.js
盛夏绽放2 小时前
Hermes Agent 全栈安装、配置与Web端架构深度解析(官方命令版·最终优化)
前端·架构·hermes