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,可根据需要更改)
},