blackteay/uniapp-vue3-vite-ts-template
1
0
Fork 0
mirror of https://gitee.com/h_mo/uniapp-vue3-vite-ts-template synced 2025-04-05 06:12:44 +08:00
Code Issues Projects Releases Wiki Activity

wip-request

Browse Source
This commit is contained in:
h_mo 2022-06-05 20:38:10 +08:00
parent ee52e4d959
commit 71c10e8527
16 changed files with 193 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
.env.development
View File

@ -1,8 +1,9 @@
# 运行环境
VITE_ENV=development
VITE_PROD = false
VITE_DEV = true
# api域名
VITE_API_URL = 'YOUR API URL'
# BASE_URL
VITE_BASE_URL = http://api-catch.ranesuangyu.top
# 上传域名
VITE_UPLOAD_URL = 'YOUR UPLOAD URL'

5
.env.production
View File

@ -1,8 +1,9 @@
# 运行环境
VITE_ENV=production
VITE_PROD = true
VITE_DEV = false
# api域名
VITE_API_URL = 'YOUR API URL'
VITE_BASE_URL = 'YOUR API URL'
# 上传域名
VITE_UPLOAD_URL = 'YOUR UPLOAD URL'

3
.vscode/settings.json vendored Normal file
View File

@ -0,0 +1,3 @@
{
"i18n-ally.localesPaths": []
}

4
package.json
View File

@ -47,6 +47,7 @@
"@dcloudio/uni-mp-toutiao": "3.0.0-alpha-3040820220424001",
"@dcloudio/uni-mp-weixin": "3.0.0-alpha-3040820220424001",
"@dcloudio/uni-quickapp-webview": "3.0.0-alpha-3040820220424001",
"lodash-es": "^4.17.21",
"vue": "^3.2.33",
"vue-i18n": "^9.1.9"
},
@ -56,6 +57,7 @@
"@dcloudio/uni-automator": "3.0.0-alpha-3040820220424001",
"@dcloudio/uni-cli-shared": "3.0.0-alpha-3040820220424001",
"@dcloudio/vite-plugin-uni": "3.0.0-alpha-3040820220424001",
"@types/lodash-es": "^4.17.6",
"@types/node": "^17.0.38",
"@typescript-eslint/eslint-plugin": "^5.27.0",
"@typescript-eslint/parser": "^5.27.0",
@ -80,7 +82,7 @@
},
"lint-staged": {
"*.{js,jsx,vue,ts,tsx}": [
"pnpm lint",
"prettier --write",
"git add"
]

24
pnpm-lock.yaml generated
View File

@ -18,6 +18,7 @@ specifiers:
'@dcloudio/uni-mp-weixin': 3.0.0-alpha-3040820220424001
'@dcloudio/uni-quickapp-webview': 3.0.0-alpha-3040820220424001
'@dcloudio/vite-plugin-uni': 3.0.0-alpha-3040820220424001
'@types/lodash-es': ^4.17.6
'@types/node': ^17.0.38
'@typescript-eslint/eslint-plugin': ^5.27.0
'@typescript-eslint/parser': ^5.27.0
@ -27,6 +28,7 @@ specifiers:
eslint-plugin-vue: ^9.1.0
husky: ^8.0.1
lint-staged: ^13.0.0
lodash-es: ^4.17.21
mrm: ^4.0.0
prettier: ^2.6.2
sass: ^1.52.1
@ -50,6 +52,7 @@ dependencies:
'@dcloudio/uni-mp-toutiao': registry.npmmirror.com/@dcloudio/uni-mp-toutiao/3.0.0-alpha-3040820220424001_vue@3.2.36
'@dcloudio/uni-mp-weixin': registry.npmmirror.com/@dcloudio/uni-mp-weixin/3.0.0-alpha-3040820220424001_vue@3.2.36
'@dcloudio/uni-quickapp-webview': registry.npmmirror.com/@dcloudio/uni-quickapp-webview/3.0.0-alpha-3040820220424001_vue@3.2.36
lodash-es: registry.npmmirror.com/lodash-es/4.17.21
vue: registry.npmmirror.com/vue/3.2.36
vue-i18n: registry.npmmirror.com/vue-i18n/9.1.10_vue@3.2.36
@ -59,6 +62,7 @@ devDependencies:
'@dcloudio/uni-automator': registry.npmmirror.com/@dcloudio/uni-automator/3.0.0-alpha-3040820220424001_vue@3.2.36
'@dcloudio/uni-cli-shared': registry.npmmirror.com/@dcloudio/uni-cli-shared/3.0.0-alpha-3040820220424001_vue@3.2.36
'@dcloudio/vite-plugin-uni': registry.npmmirror.com/@dcloudio/vite-plugin-uni/3.0.0-alpha-3040820220424001_vite@2.9.9+vue@3.2.36
'@types/lodash-es': registry.npmmirror.com/@types/lodash-es/4.17.6
'@types/node': registry.npmmirror.com/@types/node/17.0.38
'@typescript-eslint/eslint-plugin': registry.npmmirror.com/@typescript-eslint/eslint-plugin/5.27.0_dszb5tb7atwkjjijmmov4qhi7i
'@typescript-eslint/parser': registry.npmmirror.com/@typescript-eslint/parser/5.27.0_xztl6dhthcahlo6akmb2bmjmle
@ -1283,6 +1287,20 @@ packages:
'@types/node': registry.npmmirror.com/@types/node/17.0.38
dev: true
registry.npmmirror.com/@types/lodash-es/4.17.6:
resolution: {integrity: sha512-R+zTeVUKDdfoRxpAryaQNRKk3105Rrgx2CFRClIgRGaqDTdjsm8h6IYA8ir584W3ePzkZfst5xIgDwYrlh9HLg==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@types/lodash-es/-/lodash-es-4.17.6.tgz}
name: '@types/lodash-es'
version: 4.17.6
dependencies:
'@types/lodash': registry.npmmirror.com/@types/lodash/4.14.182
dev: true
registry.npmmirror.com/@types/lodash/4.14.182:
resolution: {integrity: sha512-/THyiqyQAP9AfARo4pF+aCGcyiQ94tX/Is2I7HofNRqoYLgN1PBoOWu2/zTA5zMxzP5EFutMtWtGAFRKUe961Q==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@types/lodash/-/lodash-4.14.182.tgz}
name: '@types/lodash'
version: 4.14.182
dev: true
registry.npmmirror.com/@types/node/17.0.38:
resolution: {integrity: sha512-5jY9RhV7c0Z4Jy09G+NIDTsCZ5G0L5n+Z+p+Y7t5VJHM30bgwzSjVtlcBxqAj+6L/swIlvtOSzr8rBk/aNyV2g==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@types/node/-/node-17.0.38.tgz}
name: '@types/node'
@ -4427,6 +4445,12 @@ packages:
p-locate: registry.npmmirror.com/p-locate/4.1.0
dev: true
registry.npmmirror.com/lodash-es/4.17.21:
resolution: {integrity: sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/lodash-es/-/lodash-es-4.17.21.tgz}
name: lodash-es
version: 4.17.21
dev: false
registry.npmmirror.com/lodash.camelcase/4.3.0:
resolution: {integrity: sha512-TwuEnCnxbc3rAvhf/LbG7tJUDzhqXyFnv3dtzLOPgCG/hODL7WFnsbwktkD7yUV0RrreP/l1PALq/YSg6VvjlA==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/lodash.camelcase/-/lodash.camelcase-4.3.0.tgz}
name: lodash.camelcase

2
src/assets/style/main.scss
View File

@ -11,4 +11,4 @@
height: 0 !important;
-webkit-appearance: none;
background: transparent;
}
}

4
src/env.d.ts vendored
View File

@ -10,8 +10,10 @@ declare module '*.vue' {
interface ImportMetaEnv {
readonly VITE_ENV: string;
readonly VITE_APP_TITLE: string;
readonly VITE_API_URL: string;
readonly VITE_BASE_URL: string;
readonly VITE_UPLOAD_URL: string;
readonly VITE_PROD: boolean;
readonly VITE_DEV: boolean;
}
interface ImportMeta {

3
src/main.ts
View File

@ -1,6 +1,9 @@
import { createSSRApp } from 'vue';
import App from './App.vue';
import 'virtual:windi.css';
import { setupInterceptors } from '@/utils/interceptors';
setupInterceptors();
export function createApp() {
const app = createSSRApp(App);
return {

6
src/pages.json
View File

@ -6,6 +6,12 @@
"style": {
"navigationBarTitleText": "uni-app"
}
},
{
"path": "pages/login/index",
"style": {
"navigationBarTitleText": "登录"
}
}
],
"globalStyle": {

13
src/pages/index/index.vue
View File

@ -4,7 +4,11 @@
<view class="text-area bg-rose-500 h-30rpx p-20rpx red">
<text class="">{{ title }}</text>
</view>
<view>{{ url }} ----</view>
<Test />
<view>
<button @tap="jumLogin">登录</button>
</view>
</view>
</template>
@ -12,6 +16,15 @@
import { ref } from 'vue';
import Test from '@/components/test/Test.vue';
const title = ref('Hello');
const url = import.meta.env.VITE_BASE_URL;
console.log('url', url);
const jumLogin = () => {
console.log('/pages/login/index');
// uni.navigateTo({
// url: '/pages/login/index',
// });
};
</script>
<style lang="scss">

43
src/pages/login/index.vue Normal file
View File

@ -0,0 +1,43 @@
<template>
<view class="container">
<view>
<label
>邮箱:
<input class="border border-gray-500" v-model="form.email" type="text" />
</label>
<label
>密码:
<input class="border border-gray-500" v-model="form.password" type="text" />
</label>
<button @tap="submit">login</button>
{{ loginType }}
</view>
</view>
</template>
<script setup lang="ts">
import { reactive, ref } from 'vue';
import { request } from '@/utils/http/request/index';
const form = reactive({
email: 'catch@admin.com',
password: 'catchadmin',
});
const loginType = ref('');
const submit = () => {
request({
url: '/login',
method: 'POST',
data: form,
})
.then((res: any) => {
loginType.value = '登录成功';
console.log(res.message);
})
.catch((err: any) => {
loginType.value = '登录失败';
console.log(err.message);
});
};
</script>
<style lang="scss" scoped></style>

69
src/utils/http/request/index.ts Normal file
View File

@ -0,0 +1,69 @@
const BASE_URL = import.meta.env.VITE_BASE_URL;
function createRequest(options: RequestOptions) {
const _options = Object.assign({}, options);
return new Promise((resolve, reject) => {
uni.request({
..._options,
success(res) {
const { statusCode, data: resData } = res;
if (statusCode === 200) {
const { code, data, message } = resData;
switch (code) {
case 10000:
resolve(resData);
break;
case 10001:
default:
reject(resData);
break;
}
}
},
fail(err) {
reject(err);
},
});
});
}
export const request = createRequest;
function beforeRequestInterceptors(args: any) {
uni.showLoading({});
args.url = `${BASE_URL}${args.url}`;
args.dataType = 'json';
args.responseType = 'text';
args.header = {
'Content-Type': 'application/json;charset=UTF-8;',
Accept: 'application/json, text/plain, */*',
};
}
function responseSuccessInterceptors(res: any) {}
function responseFailInterceptors(err: any) {}
function completeInterceptors(res: any) {
uni.hideLoading();
}
export function requestInterceptors() {
uni.addInterceptor('request', {
invoke(args) {
// request 触发前拦截
beforeRequestInterceptors(args);
},
success(res) {
// 响应成功后触发拦截
responseSuccessInterceptors(res);
},
fail(err) {
// 响应失败后触发拦截
responseFailInterceptors(err);
},
complete(res) {
// 响应失败后触发拦截
completeInterceptors(res);
},
});
}

1
src/utils/http/request/request.d.ts vendored Normal file
View File

@ -0,0 +1 @@
declare type RequestOptions = UniApp.RequestOptions;

5
src/utils/interceptors/index.ts Normal file
View File

@ -0,0 +1,5 @@
import { requestInterceptors } from '@/utils/http/request';
export function setupInterceptors() {
requestInterceptors();
}

8
tsconfig.json
View File

@ -15,5 +15,11 @@
"@/*":["./src/*"]
}
},
"include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"]
"include": [
"src/**/*.ts",
"src/**/*.d.ts",
"src/**/*.tsx",
"src/**/*.vue",
"node_modules/**/uni.d.ts"
]
}

10
vite.config.ts
View File

@ -37,11 +37,11 @@ export default defineConfig({
// 设计稿的像素宽度值，该尺寸会影响 rpx 转换过程中的计算比率
designWidth: 350,
}),
eslintPlugin({
include: ['src/**/*.js', 'src/**/*.vue', 'src/**/*.ts'],
exclude: ['./node_modules/**'],
cache: false,
}),
// eslintPlugin({
// include: ['src/**/*.js', 'src/**/*.vue', 'src/**/*.ts'],
// exclude: ['./node_modules/**'],
// cache: false,
// }),
],
css: {
preprocessorOptions: {