1、在目錄下新建如下幾個變量
- .env.development（開發(fā)環(huán)境）
# just a flag
ENV = 'development'
# .env.development
# base api
VITE_APP_BASE_URL = '/dev-api'
- .env.production（生產(chǎn)環(huán)境）
# just a flag
ENV = 'production'
# .env.production
# base api
VITE_APP_BASE_URL= '/prod-api'
2、vite.config.js配置
export default defineConfig({
server: {
// 服務(wù)配置
port: port, // 類型： number 指定服務(wù)器端口;
open: true, // 類型： boolean | string在服務(wù)器啟動時自動在瀏覽器中打開應(yīng)用程序；
cors: true, // 類型： boolean | CorsOptions 為開發(fā)服務(wù)器配置 CORS。默認(rèn)啟用并允許任何源
proxy: {
'/dev-api': {
target: 'http://8.135.1.141',
changeOrigin: true,
rewrite: path => path.replace(/^\/dev-api/, '')
}底哥，
'/prod-api': {
target: 'http://8.135.1.141',
changeOrigin: true,
rewrite: path => path.replace(/^\/prod-api/, '')
}
}
},
})
3、store配置
import { loginReq } from '@/api/user'
const actions = {
// user login
// eslint-disable-next-line @typescript-eslint/no-unused-vars
login({ commit }, data) {
return new Promise((resolve, reject) => {
loginReq(data)
.then((res) => {
if (res.code === 20000) {
console.log(res.data)
//commit('SET_Token', res.data?.jwtToken)
setToken(res.data?.jwtToken)
resolve()
} else {
reject(res)
}
})
.catch((error) => {
reject(error)
})
})
},
}
export default {
namespaced: true,
state,
mutations,
actions
}
4房官、axios請求
import request from '@/utils/request'
export function loginReq(data) {
return request({
url: '/micro-service-api/integration-front/user/loginValid',
data,
method: 'post',
bfLoading: false,
isParams: true,
isAlertErrorMsg: false
})
}
5趾徽、頁面請求
let loginReq = () => {
loading.value = true
store
.dispatch('user/login', param)
.then(() => {
ElMessage({ message: '登錄成功', type: 'success' })
loading.value = false
router.push("/");
})
.catch((res) => {
loading.value = false
})
}
