`douyin-vue`Es handelt sich um ein mobiles Kurzvideoprojekt, das Douyin imitiert und auf dem basiert[`Vue`](https://cn.vuejs.org/)、[`Vite`](https://cn.vitejs.dev/)erreichen. Habe das Neueste verwendet`Vue`FamilyMart-Technologie-Stack, Schnittstellendatenübergaben[`axios-mock-adapter`](https://github.com/ctimmerm/axios-mock-adapter)Simulation
`douyin-vue`ist eine Parodie`抖音|TikTok`mobiles Kurzvideoprojekt, das auf basiert[`Vue`](https://cn.vuejs.org/)、[`Vite`](https://cn.vitejs.dev/)erreichen. Habe das Neueste verwendet`Vue`FamilyMart-Technologie-Stack. API-Daten werden lokal im Projekt gespeichert und das Video wird daraus gesammelt`抖音|TikTok`, der Atlas stammt aus`小红书|Xiaohongshu`,passieren[`axios-mock-adapter`](https://github.com/ctimmerm/axios-mock-adapter)Die Bibliothek fängt die API ab und gibt lokale JSON-Daten zurück, um echte Back-End-Anfragen zu simulieren.
<div>
<imgwidth="150px"src='docs/imgs/1.gif'/>
@ -27,7 +28,7 @@
@@ -27,7 +28,7 @@
<imgwidth="150px"src='docs/imgs/img-5.jpg'/>
</div>
## Online-Zugang
## 在线访问
Vercel:<http://dy.ttentau.top/>(China empfiehlt den Besuch hier)
@ -35,7 +36,7 @@ Netlify:<https://douyins.netlify.app/>(Muss die Mauer umgehen)
@@ -35,7 +36,7 @@ Netlify:<https://douyins.netlify.app/>(Muss die Mauer umgehen)
**Beachten**：`PC`Sie müssen den Browser in den mobilen Modus schalten, zuerst drücken`F12`Um die Konsole aufzurufen, drücken Sie`Ctrl+Shift+M`um eine normale Vorschau anzuzeigen
**Beachten**: Bitte benutzen Sie Ihr Mobiltelefon[über Browser](https://viayoo.com/zh-cn/)oder Chrome-Browservorschau. Andere Browser erzwingen möglicherweise, dass das Video im Vollbildmodus angezeigt wird, was dazu führt, dass es nicht richtig angezeigt wird.
**Beachten**: Bitte benutzen Sie Ihr Mobiltelefon[über Browser](https://viayoo.com/zh-cn/)oder Chrome-Browservorschau. Andere Browser erzwingen möglicherweise die Vollbilddarstellung des Videos, wodurch es nicht richtig angezeigt wird.
## Haftungsausschluss
@ -58,7 +59,7 @@ npm run dev
@@ -58,7 +59,7 @@ npm run dev
Öffnen Sie Ihren Browser und besuchen Sie<http://127.0.0.1:3000>
**Hinweis: Der PC muss den Browser in den Mobilmodus schalten, zuerst drücken`F12`Um die Konsole aufzurufen, drücken Sie`Ctrl+Shift+M`um eine normale Vorschau anzuzeigen**
**Hinweis: Der PC-Browser muss zuerst in den Mobilmodus geschaltet werden`F12`Um die Konsole aufzurufen, drücken Sie`Ctrl+Shift+M`um eine normale Vorschau anzuzeigen**
## Verknüpfung
@ -79,7 +80,7 @@ Das Video stammt von folgenden Douyin-Prominenten
@@ -79,7 +80,7 @@ Das Video stammt von folgenden Douyin-Prominenten
`douyin-vue`It is a mobile short video project imitating Douyin, which is based on[`Vue`](https://cn.vuejs.org/)、[`Vite`](https://cn.vitejs.dev/)accomplish. Used the latest`Vue`FamilyMart technology stack, interface data passes[`axios-mock-adapter`](https://github.com/ctimmerm/axios-mock-adapter)simulation
`douyin-vue`is a parody`抖音|TikTok`mobile short video project, which is based on[`Vue`](https://cn.vuejs.org/)、[`Vite`](https://cn.vitejs.dev/)accomplish. Used the latest`Vue`FamilyMart technology stack. Api data is saved locally in the project, and the video is collected from`抖音|TikTok`, the atlas is collected from`小红书|Xiaohongshu`,pass[`axios-mock-adapter`](https://github.com/ctimmerm/axios-mock-adapter)The library intercepts the API and returns local json data to simulate real back-end requests.
`douyin-vue`Es un proyecto de vídeo corto móvil que imita a Douyin, que se basa en[`Vue`](https://cn.vuejs.org/)、[`Vite`](https://cn.vitejs.dev/)lograr. Usado lo último`Vue`Pila de tecnología FamilyMart, pases de datos de interfaz[`axios-mock-adapter`](https://github.com/ctimmerm/axios-mock-adapter)simulación
`douyin-vue`es una parodia`抖音|TikTok`proyecto de vídeo corto móvil, que se basa en[`Vue`](https://cn.vuejs.org/)、[`Vite`](https://cn.vitejs.dev/)lograr. Usado lo último`Vue`Pila de tecnología FamilyMart. Los datos de API se guardan localmente en el proyecto y el video se recopila de`抖音|TikTok`, el atlas se recoge de`小红书|Xiaohongshu`,aprobar[`axios-mock-adapter`](https://github.com/ctimmerm/axios-mock-adapter)La biblioteca intercepta la API y devuelve datos json locales para simular solicitudes de back-end reales.
<div>
<imgwidth="150px"src='docs/imgs/1.gif'/>
@ -58,12 +59,12 @@ npm run dev
@@ -58,12 +59,12 @@ npm run dev
Abra su navegador y visite<http://127.0.0.1:3000>
**Nota: La PC debe cambiar el navegador al modo móvil, primero presione`F12`Para abrir la consola, presione`Ctrl+Shift+M`para obtener una vista previa normalmente**
**Nota: el navegador de la PC debe cambiarse al modo móvil, primero presione`F12`Para abrir la consola, presione`Ctrl+Shift+M`para obtener una vista previa normalmente**
## Enlace
- China de código abierto:<https://mp.weixin.qq.com/s/TWowmZpU_ojE5G2KzXuU8g>
@ -95,7 +96,7 @@ Si también le gustan las ideas de diseño de este software, envíelas.`PR`, ¡M
@@ -95,7 +96,7 @@ Si también le gustan las ideas de diseño de este software, envíelas.`PR`, ¡M
## contáctame
Puedes contactar a mi correo<ahref="mailto:zyronon@163.com">zyronon@163.com</a>
Puedes contactar a mi correo electrónico<ahref="mailto:zyronon@163.com">zyronon@163.com</a>
`douyin-vue`Il s'agit d'un projet de courte vidéo mobile imitant Douyin, basé sur[`Vue`](https://cn.vuejs.org/)、[`Vite`](https://cn.vitejs.dev/)accomplir. Utilisé le dernier`Vue`Pile technologique FamilyMart, transmission des données d'interface[`axios-mock-adapter`](https://github.com/ctimmerm/axios-mock-adapter)simulation
`douyin-vue`est une parodie`抖音|TikTok`projet de courte vidéo mobile, basé sur[`Vue`](https://cn.vuejs.org/)、[`Vite`](https://cn.vitejs.dev/)accomplir. Utilisé le dernier`Vue`Pile technologique FamilyMart. Les données API sont enregistrées localement dans le projet et la vidéo est collectée à partir de`抖音|TikTok`, l'atlas est collecté auprès de`小红书|Xiaohongshu`,passer[`axios-mock-adapter`](https://github.com/ctimmerm/axios-mock-adapter)La bibliothèque intercepte l'API et renvoie des données json locales pour simuler de véritables requêtes back-end.
<div>
<imgwidth="150px"src='docs/imgs/1.gif'/>
@ -27,7 +28,7 @@
@@ -27,7 +28,7 @@
<imgwidth="150px"src='docs/imgs/img-5.jpg'/>
</div>
## accès en ligne
## Accès en ligne
Vercel：<http://dy.ttentau.top/>(La Chine recommande de visiter ceci)
@ -58,7 +59,7 @@ npm run dev
@@ -58,7 +59,7 @@ npm run dev
Ouvrez votre navigateur et visitez<http://127.0.0.1:3000>
**Remarque : le PC doit passer le navigateur en mode mobile, appuyez d'abord sur`F12`Pour afficher la console, appuyez sur`Ctrl+Shift+M`pour prévisualiser normalement**
**Remarque: le navigateur du PC doit être basculé en mode mobile, appuyez d'abord sur`F12`Pour afficher la console, appuyez sur`Ctrl+Shift+M`pour prévisualiser normalement**
`douyin-vue`パロディです`抖音|TikTok`をベースにしたモバイルショートビデオプロジェクト[`Vue`](https://cn.vuejs.org/)、[`Vite`](https://cn.vitejs.dev/)成し遂げる。最新のものを使用しました`Vue`ファミリーマートのテクノロジースタック。 API データはプロジェクト内でローカルに保存され、ビデオはから収集されます。`抖音|TikTok`、アトラスはから収集されています`小红书|Xiaohongshu`、合格[`axios-mock-adapter`](https://github.com/ctimmerm/axios-mock-adapter)ライブラリは API をインターセプトし、ローカルの JSON データを返して、実際のバックエンド リクエストをシミュレートします。
<div>
<imgwidth="150px"src='docs/imgs/1.gif'/>
@ -58,7 +59,7 @@ npm run dev
@@ -58,7 +59,7 @@ npm run dev
zyronon
1 year ago