Vue项目服务器部署之子目录部署方法
vue 项目中的 src 目录是如何搭建的??？
在Vue 项目中🐙|_🛷🤫，src 目录是存放源代码的目录🐟😜_😤。一般来说🐷|🐌，src 目录下会有一个public 文件夹🐲-🙄，用于存放静态资源🃏-🐘☘️，如图片😈😢|——☹️*、样式等🤔——🪶⛸。此外🪄🐐——-🤫🦦，src 目录下还会有一个assets 文件夹🎗_🕷，用于存放编译后的静态资源😪🥋|-🦑🐔。如果你的项目需要使用第三方库或者插件🍃-🦒，那么这些库或插件也会被放置在src 目录下的一个子目录到此结束了？🐙_——🐍🌱。
项目config文件夹里index.js中的assetsPublicPath🐓|🎱🐭，默认是/🦃🦓————🌱🐵，改成你想设置的子目录名称🤨🐕||🎋，比如😧😭-🦋：/weixin/🦬_🌷🤬。然后还要配置页面内的路由路径就可以了😆-——🌗🙁。静态文件指像css,js,images之类的文件🦉😥||🦉🎋，在Django里面静态文件的处理与一般的视图是不一样⛸|-*🍂，新手往往容易犯迷糊*☘-|🦄。静态文件交由Web服务器处理🌸🌔|🐸，Django本身不处理到此结束了？🎃🎳__🥈😫。
在Vue 项目中🐙|_🛷🤫，src 目录是存放源代码的目录🐟😜_😤。一般来说🐷|🐌，src 目录下会有一个public 文件夹🐲-🙄，用于存放静态资源🃏-🐘☘️，如图片😈😢|——☹️*、样式等🤔——🪶⛸。此外🪄🐐——-🤫🦦，src 目录下还会有一个assets 文件夹🎗_🕷，用于存放编译后的静态资源😪🥋|-🦑🐔。如果你的项目需要使用第三方库或者插件🍃-🦒，那么这些库或插件也会被放置在src 目录下的一个子目录到此结束了？🐙_——🐍🌱。
项目config文件夹里index.js中的assetsPublicPath🐓|🎱🐭，默认是/🦃🦓————🌱🐵，改成你想设置的子目录名称🤨🐕||🎋，比如😧😭-🦋：/weixin/🦬_🌷🤬。然后还要配置页面内的路由路径就可以了😆-——🌗🙁。静态文件指像css,js,images之类的文件🦉😥||🦉🎋，在Django里面静态文件的处理与一般的视图是不一样⛸|-*🍂，新手往往容易犯迷糊*☘-|🦄。静态文件交由Web服务器处理🌸🌔|🐸，Django本身不处理到此结束了？🎃🎳__🥈😫。
vue脚手架vue-cli3及以上🦈😅——🏑🦭； 在本地用vue-cli新建一个项目🐪|🦇；vue3.js :路由配置修改的是history: createWebHistory('/mobile/')vue3.js :路由配置修改的是history: createWebHistory('/e/')mobile端mobile.js的base修改成base: '/e/mobile'vue3.js :路由配置修改的是history: createWeb好了吧🥅-|🎀！
3😙☘️——-😢、在项目目录中🧶🦈-🐆🕊，建一个名叫vue.config.js的文件🎈🐼_🌻，并且在这个文件里导出一个对象🦡_☄️🐙。至于这个对象里的选项和配的值🦃🙁|_🙃，那就又可以写一篇了4🐍-——♠、配置路由（和子路由）1）安装好路由插件 cnpm i vue-router@next -D 2）在src目录下创建 router/index.js 3）在根好了吧😗-🏑！
Vue-router History 模式相关配置?？
所以呢🌞————🐡🐭，你要在服务端增加一个覆盖所有情况的候选资源🙁_😽：如果URL 匹配不到任何静态资源🏏🐍||*🐉，则应该返回同一个 index.html 页面🦊_😝，这个页面就是你app 依赖的页面🐪💥-🐉。注意🦙🦓_🎊🏅：下列示例假设你在根目录服务这个应用🥀——_🐏🦋。如果想部署到一个子目录😅🎮|——🤫，你需要使用 Vue CLI 的 publicPath 选项(opens new window) 到此结束了？🦆|_🕸🐣。
这个方法需要3个参数😕-🐚：要搜索的文件夹目录🐬——🌓、是否还应该搜索它的子目录🦄🌻————😱、以及一个匹配文件的正则表达式🌺🕸——_🤡*。我们在components文件夹添加一个叫componentRegister.js的文件😶💥|🎰🐭，在这个文件里借助webpack动态将需要的基础组件统统打包进来😈-🐽。/src/components/componentRegister.jsimport Vue from 'vue'等我继续说🐯🐣_🎊🐚。
Vue.js提升必知的几点总结?？
第一招😪🧿|🐕*：化繁为简的Watchers场景还原🦙🐍-🌷🐰：created(){ this.fetchPostList()},watch: { searchInputValue(){ this.fetchPostList() }}组件创建的时候我们获取一次列表🧨--🦈🪢，同时监听input框🐺|-🐼*，每当发生变化的时候重新获取一次筛选后的列表这个场景很常见☺️🤬——🐑，有没有办法优化一下呢？招式解析🦅————🌏：首先🐼🐫_🌵✨，在watchers中♣🦝-🐚🐣，..
步骤二🦛|🤐🤤：配置服务器创建子目录🥈--🧸：在网站的根目录下🦊🌦——✨，创建一个子目录用于存放静态HTML页面🪳🐌_-🦃。例如🐯_-🐆，您可以创建一个名为"static"的子目录🤑🐿——🦀。配置网站服务器🦃😰——🦎🦤：在网站的服务器配置文件（如Apache的.htaccess文件或Nginx的配置文件）中🥅_——👹🦋，添加重定向规则🦚——🌩，将动态WordPress页面请求重定向到对应的静态HTML页面🪲-☺️。步骤三是什么🐙——🦖😉。
web前端主流框架主要有哪些?？
Tmux允许用户在终端中的程序之间切换🐽--🐑🏵，添加屏幕窗格😝🐔_🦉🏈，并将多个终端连接到同一个会话😂_——🐂，使其保持同步🐬-🦌。在远程服务器上工作时🌳🐽|🤭，Tmux 特别有用🤐🙄——🌏😣，因为它允许用户创建新的选项卡🎋_|🤐🐭，而无需再次登录🙂🐰_🐨🐐。6🏓🦢|🌻、du du命令用于生成关于文件和目录的空间使用情况的报告🌴_——*。du很容易使用🌹🐙————🙄🌾，可以递归地运行🌑——-🏐*，遍历每个子目录并返回等会说🐖🪡_😆🐂。
三🕹😋_🎗、Web前端框架之Vue.js vue.js优势介绍🌪|🌗🧵：渐进式构建能力是vue.js最大的优势🐺🤧|🦔，vue 有一个简洁而且合理的架构🎐__🐐，使得它易于理解和构建🤕_🏓🎯。vue 有一个强大的充满激情人群的社区🦎-_🐀🐭，这为vue.js增加了巨大的价值🤥_-🎣，使得为一个空白项目创建一个综合的解决方案变得十分容易😌🐰--🐩。缺点介绍🦖🦊|_🍁*：在模型-视图应用程序和状态是什么🦡🌚_|🦋🐯。