1. 前端
1.1. 静态页面书写(引入main.ts)
1.2. main.ts 发起ajax请求
需要发起AJAX请求,将用户输入的数据传给服务器。发生跨域问题,使用Proxy代理来解决,接下来是配置方法。
创建vite.congfig.js进行配置
import { defineConfig } from "vite";
export default defineConfig({
server: {
proxy: {
// 带选项写法:http://127.0.0.1:5173/api/login -> http://127.0.0.1:7001/login
"/api": {
target: "http://127.0.0.1:7001", // 目标服务器(后端)
changeOrigin: true,
rewrite: (path) => path.replace(/^\/api/, ""),
},
},