vue3中 项目运行到浏览器端跨域 (uniapp),配置vite.config.js文件

import {
	defineConfig
} from 'vite';
import uni from '@dcloudio/vite-plugin-uni';
import config from './common/config.js'

export default defineConfig({
	plugins: [uni()],
	server: {
		// host: "127.0.0.1", // 指定服务器应该监听哪个IP地址,默认:localhost
		host: "192.168.1.6", // 指定服务器应该监听哪个IP地址,默认:localhost
		// port: 5173, // 指定开发服务器端口,默认:5173
		port: 8083, // 指定开发服务器端口,默认:5173
		proxy: { // 为开发服务器配置自定义代理规则
			// 带选项写法:http://localhost:5173/api/posts -> http://jsonplaceholder.typicode.com/posts
			"/api": {
				// target: "http://jsonplaceholder.typicode.com", // 目标接口
				target: config.baseUrl, // 目标接口
				changeOrigin: true, // 是否换源
				rewrite: (path) => path.replace(/^\/api/, ""),
			}
		}
	},
	configureWebpack: {
		devServer: {
			// 调试时允许内网穿透,让外网的人访问到本地调试的H5页面
			disableHostCheck: true
		}
	}

});

你可能感兴趣的:(javascript,uni-app,前端)