feat: 接口请求测试，打包路径、开发请求路径完善
This commit is contained in:
wf
parent
987835ecde
commit
77aa6c7704
@ -1,7 +1,10 @@
|
||||
# 开发环境
|
||||
VITE_USER_NODE_ENV = development
|
||||
|
||||
# 开发环境地址前缀 (一般 '/' 或 './' 都可以，如果开发环境 '/' 打包预览白屏，请使用 './')
|
||||
# 打包路径 开发环境地址前缀 (一般 '/' 或 './' 都可以，如果开发环境 '/' 打包预览白屏，请使用 './')
|
||||
VITE_PUBLIC_PATH = './'
|
||||
|
||||
# 请求路径 管理系统/开发环境
|
||||
VITE_APP_BASE_URL = '/your-request-path'
|
||||
|
||||
VITE_GLOB_APP_TITLE = SnowAdmin
|
||||
@ -4,4 +4,7 @@ VITE_USER_NODE_ENV = production
|
||||
# 打包路径 (就是网站前缀, 例如部署到 http://dcodes.gitee.io/SnowAdmin/ 域名下, 就需要填写 /SnowAdmin/), 一般填一个斜杠 /
|
||||
VITE_PUBLIC_PATH = '/'
|
||||
|
||||
# 请求路径 管理系统/开发环境
|
||||
VITE_APP_BASE_URL = '/'
|
||||
|
||||
VITE_GLOB_APP_TITLE = SnowAdmin
|
||||
|
||||
@ -1,7 +1,10 @@
|
||||
# 开发环境
|
||||
VITE_USER_NODE_ENV = development
|
||||
VITE_USER_NODE_ENV = test
|
||||
|
||||
# 开发环境地址前缀 (一般 '/' 或 './' 都可以)
|
||||
VITE_PUBLIC_PATH = '/test'
|
||||
|
||||
# 请求路径 管理系统/开发环境
|
||||
VITE_APP_BASE_URL = '/'
|
||||
|
||||
VITE_GLOB_APP_TITLE = SnowAdmin
|
||||
@ -2,7 +2,7 @@
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<link rel="icon" type="image/svg+xml" href="/src/assets/svgs/snow.svg" />
|
||||
<link rel="icon" type="image/svg+xml" href="/src/assets/logo/snow.svg" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title><%= title %></title>
|
||||
</head>
|
||||
|
||||
@ -1,17 +1,15 @@
|
||||
import axios from "axios";
|
||||
import { useRouter } from "vue-router";
|
||||
const router = useRouter();
|
||||
import router from "@/router";
|
||||
import { Message } from "@arco-design/web-vue";
|
||||
// 创建axios实例
|
||||
const service = axios.create({
|
||||
baseURL: "https://mock.apifox.com/m1/4457302-4103374-default",
|
||||
timeout: 5000
|
||||
baseURL: "/api"
|
||||
});
|
||||
// 请求拦截器
|
||||
service.interceptors.request.use(
|
||||
function (config: any) {
|
||||
// 发送请求之前做什么
|
||||
// 获取token鉴权
|
||||
console.log("token?", localStorage.getItem("user-info"));
|
||||
let userInfo: any = {};
|
||||
if (localStorage.getItem("user-info")) {
|
||||
userInfo = JSON.parse(localStorage.getItem("user-info") as string);
|
||||
@ -19,12 +17,6 @@ service.interceptors.request.use(
|
||||
if (userInfo.token) {
|
||||
// 有token，在请求头中携带token
|
||||
config.headers.Authorization = userInfo.token;
|
||||
} else {
|
||||
// 如果没有token，则不允许发送请求，并且跳转至登录页要求登录，获取对应的token
|
||||
if (config.url !== "/login") {
|
||||
router.push("/login");
|
||||
Promise.reject("未登录");
|
||||
}
|
||||
}
|
||||
return config;
|
||||
},
|
||||
@ -37,11 +29,27 @@ service.interceptors.request.use(
|
||||
// 响应拦截器
|
||||
service.interceptors.response.use(
|
||||
function (response: any) {
|
||||
return response.data;
|
||||
if (response.status != 200) {
|
||||
Message.error("服务器异常，请联系管理员");
|
||||
return Promise.reject(response.data);
|
||||
}
|
||||
let res = response.data;
|
||||
if (res.code == 401) {
|
||||
Message.error("登录状态已过期");
|
||||
router.push("/login");
|
||||
return Promise.reject(res);
|
||||
} else if (res.code == 404) {
|
||||
Message.error("请求连接超时");
|
||||
return Promise.reject(res);
|
||||
} else if (res.code != 200) {
|
||||
Message.error(res.msg);
|
||||
return Promise.reject(res);
|
||||
} else {
|
||||
// 返回数据
|
||||
return Promise.resolve(res);
|
||||
}
|
||||
},
|
||||
function (error: any) {
|
||||
console.log("响应拦截", error, router);
|
||||
console.log("身份信息过期");
|
||||
localStorage.removeItem("user-info");
|
||||
router.push("/login");
|
||||
return Promise.reject(error);
|
||||
|
||||
@ -1,4 +0,0 @@
|
||||
import axios from "@/api";
|
||||
|
||||
// 第三板指标
|
||||
export const getTargetAPI = () => axios.get("/notice-list");
|
||||
10
src/api/modules/login.ts
Normal file
10
src/api/modules/login.ts
Normal file
@ -0,0 +1,10 @@
|
||||
import axios from "@/api";
|
||||
|
||||
// 登录
|
||||
export const LoginAPI = (data: any) => {
|
||||
return axios({
|
||||
url: "store/store.php?action=Login",
|
||||
method: "post",
|
||||
data
|
||||
});
|
||||
};
|
||||
1
src/assets/logo/snow.svg
Normal file
1
src/assets/logo/snow.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 5.5 KiB |
@ -41,6 +41,7 @@
|
||||
import { Message } from "@arco-design/web-vue";
|
||||
import { useRouter } from "vue-router";
|
||||
import { useUserInfoStore } from "@/store/modules/user-info";
|
||||
|
||||
const router = useRouter();
|
||||
const form = ref({
|
||||
username: "admin",
|
||||
@ -102,16 +103,19 @@ const verify = ref({
|
||||
});
|
||||
const verifyCodeChange = (code: string) => (verify.value.verifyCode = code);
|
||||
|
||||
const onSubmit = ({ errors }: any) => {
|
||||
const onSubmit = async ({ errors }: any) => {
|
||||
if (errors) return;
|
||||
// 存储用户信息
|
||||
// 你的登录请求
|
||||
// ......
|
||||
|
||||
// 登录成功-存储用户信息
|
||||
let stores = useUserInfoStore();
|
||||
let account = {
|
||||
username: form.value.username,
|
||||
roles: ["admin"]
|
||||
username: form.value.username, // 用户名
|
||||
roles: ["admin"] // 角色权限
|
||||
};
|
||||
stores.setAccount(account);
|
||||
stores.setToken("DC-Admin");
|
||||
stores.setAccount(account); // 存储用户信息
|
||||
stores.setToken("Your-Token");
|
||||
Message.success("登录成功");
|
||||
router.replace("/home");
|
||||
};
|
||||
|
||||
@ -18,12 +18,19 @@ export default defineConfig(({ mode }) => {
|
||||
// 获取跟路径对应的文件
|
||||
const env = loadEnv(mode, root);
|
||||
return {
|
||||
// 开发或生产环境服务的公共基础路径
|
||||
// 生产环境服务的公共基础路径-用于生出环境的代理的路径
|
||||
base: env.VITE_PUBLIC_PATH,
|
||||
server: {
|
||||
// host: "0.0.0.0",
|
||||
// open: true,
|
||||
proxy: {}
|
||||
host: "0.0.0.0",
|
||||
open: true,
|
||||
// 为开发服务器配置自定义代理规则-用于开发时的代理
|
||||
proxy: {
|
||||
"/api": {
|
||||
target: env.VITE_APP_BASE_URL,
|
||||
changeOrigin: true,
|
||||
rewrite: path => path.replace(/^\/api/, "")
|
||||
}
|
||||
}
|
||||
},
|
||||
plugins: [
|
||||
vue(),
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user