通过此篇可以学到:
- 如何在vue3+vite中代理到服务端地址
- 如何修改项目本地启动的端口
- 如何可以使用本机ip进行访问本地地址
修改vite.config.ts文件
import { fileURLToPath, URL } from 'node:url'import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'// https://vitejs.dev/config/
export default defineConfig({plugins: [vue(),],resolve: {alias: {'@': fileURLToPath(new URL('./src', import.meta.url))}},//本文相关的配置都在server中server: {proxy: {'/api': 'http://127.0.0.1:8081/' // 将/api路径的请求代理到后端服务器}//配置host 可以使用本机ip代替127.0.0.1和localhosthost: '0.0.0.0',//本地启动的端口,默认是5173port: 5201}
})