laosao_66的博客

跨域问题牵涉到浏览器的同源策略，为什么浏览器要同源，究其原因是因为浏览器的一种安全机制同源策略这种安全机制要求网页中的JavaScript代码只能与加载该网页的同一个源（协议、域名和端口号都相同）进行交互，比如在没有设置可跨域的情况下，vue3.x项目默认本机访问url是http://127.0.0.1:5173，而假设使用网络请求服务端接口地址是http://127.0.0.1:8080这样就出现了跨域问题，为什么呢请往下看？

右上角部分的代码在这个文件中：~\src\layout\components\Navbar.vue ，可以在下面这段代码里修改右上角退出及跳转的功能以及链接。可以看到上面的代码里有头像的来源，我们需要做的就是在这个路径的文件~\src\store\modules\user.js中给avatar设置默认照片地址，

首先下载vue-admin-template-master文件，将其复制进项目的前端文件夹，在命令行中切换到前端目录，执行npm install。django-admin startproject 后端名称。之后执行npm run dev。

当使用v-if="false" ，该元素在DOM中根本就没有被渲染。当使用v-show="false" ，该元素在DOM中被渲染，然而，Vue应用了内联样式display: none ，完全隐藏了该元素。另外，如果你想要更多的可见性定制，不要忘记强大的:class 绑定。要隐藏元素但保持其空间，使用:class="{ invisible:!value }" 来指定invisible 类（该类有visibility: hidden 样式应用于它）。

点击下载后一直显示无法下载，更换浏览器也不行，后来找到了错误所在。错误原因就是我把路径写在与我存图片的路径目录下面了 src/assets/... ,这样是不对的，应该把你需要下载的文件放在跟src同级的目录下或者放在publice目录里面，就是与你的网页图标文件favicon.ico以及index.html 这两个文件同级就好了，由于public目录下的文件可以直接通过 URL 访问，您可以简单地指定该文件的 URL,例如：// public 目录下的文件的 URL。

在使用的过程中，加入权限模块后，刷新后权限控制的页面就默认跳转到404页面了，原因是权限控制的路由模块是动态添加进去的，而我的404监听路由是在默认路由里面的，优先级比动态路由要高，所以刷新后默认先被404接管了，改一下，把404监听路由注释掉需要手动在动态路由加载后，再把通配路由加上去，所以有了解决方法二。这个bug的具体情况是：设置了动态路由之后，不同的用户登录之后显示了不同的侧边栏，在侧边栏点击菜单，渲染对应路由页面没有任何问题，但是在。（这种情况只出现在动态路由上，静态路由刷新没问题）。

generateRoutes函数来控制你设置的每个用户的判断操作，如果有超过两个的用户就继续添加ifelse。把需要权限的加在 asyncRoutes 里面 ，相应权限就用roles: ['admin']放不同的用户类型来控制。经过上面的配置，应该就可以完成权限管理了。如果有问题的话留言评论。constantRoutes里面放静态路由,所有人可见。

【代码】记录一个vue，ele-ui实现列表指定行数批量选中解决方法。

直接将git的cmd命令添加到系统环境变量的path变量里即可，D:\Program Files\Git\cmd（自己的目录）

在安装 vue-element-admin 项目所需依赖时，出现了如下报错信息。

但仍然遇到这个问题，可能是因为 npm 的配置文件中指定了错误的路径。配置项是否指向了错误的路径。命令之前，先切换到你项目的根目录下，然后再次运行该命令。文件通常位于你项目的根目录下，而不是在。命令，或者当前工作目录不正确所致。这可能是由于你在错误的位置运行了。如果你已经在正确的目录下运行了。这个错误表明 npm 在寻找。

npm 是 NodeJS 下的包管理器，vue-cli脚手架模板就是基于 node 下的 npm 来完成安装的。webpack: 它的主要用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备，比如资源的合并和打包。vue-cli：官方提供的一个脚手架，用于快速生成一个 vue 的项目模板。

大概率是权限原因，使用管理员运行cmd再执行代码就好了。之前配置过vue环境，现在再次使用时报错。搜索cmd，右键以管理员运行。

npm ERR! code CERT_HAS_EXPIREDnpm ERR! errno CERT_HAS_EXPIREDnpm ERR! request to https://registry.npm.taobao.org/vue-loader failed, reason: certificate has expirednpm ERR! A complete log of this run can be found in:解决方法：清除npm缓存

在浏览器里安装了拓展程序后，在运行前端文件时浏览器仍然有这个提示，解决方法是是在管理拓展程序界面，找到相应的拓展程序，点击详情，勾选允许访问文件网址。