VueJS 本地只能通过127访问,部署上云后无法通过ip访问解决

在 Vite 中,默认情况下开发服务器 (dev server) 只绑定到 localhost,所以只能通过 127.0.0.1 或 localhost 访问。如果希望通过局域网 IP 地址访问,需要在配置文件中修改 server.host。

一、添加server:

import { fileURLToPath, URL } from 'node:url'

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

// https://vite.dev/config/
export default defineConfig({
  plugins: [
    vue(),
  ],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url)),
    },
  },
  publicDir: 'public',
  server: {
    host: '0.0.0.0', // 允许通过 IP 地址访问
    port: 5173,      // 自定义端口(默认 5173,可根据需要更改)
  },
})

既:

server: {
    host: '0.0.0.0', // 允许通过 IP 地址访问
    port: 5173,      // 自定义端口(默认 5173,可根据需要更改)
  },
最后修改:2025 年 01 月 30 日
咱们谁跟谁,用不着~