最近在使用vue动态设置图片路径的时候遇到了一些问题，特此整理。我想实现的效果：点击图片，弹出系统图片选择框，选择图片后替换原图片。App.vue中：<input type="file" id="avatar" @change="chooseFile($event)" accept="image/*" style="display: none" ><label for="avat
转载
2022-11-29 12:38:18
761阅读
vue-cli项目打包需要修改的路径问题命令行输入：npm run build打包出来后项目中就会多了一个文件夹dist，这就是我们打包过后的项目。第一个问题，文件引用路径。我们直接运行打包后的文件夹中的index.html文件，会看到网页一片空白，f12调试，全是css，js路径引用错误的问题。解决：到config文件夹中打开index.js文件。文件里面有两个assetsPublicPath属
转载
2024-04-03 09:16:48
1338阅读
## Python 定义路径
在Python编程中，路径是指文件或文件夹在计算机中的位置。在处理文件和文件夹时，我们经常需要指定路径来找到或操作特定的文件或目录。Python提供了多种方式来定义路径，以满足不同的需求。
### 绝对路径和相对路径
在讨论路径之前，我们首先需要了解两个概念：绝对路径和相对路径。
- 绝对路径（Absolute Path）是指文件或目录相对于计算机的根目录的位
原创
2023-12-09 04:16:31
298阅读
vue 定义变量
原创
2023-10-23 09:56:18
158阅读
vue 定义变量
原创
2023-10-23 10:18:47
212阅读
简介组件是可复用的 Vue 实例。本质上是一个对象，该对象包含data、computed、watch、methods、filters以及生命周期钩子等成员属性。组件结构：{
data(){
return {
//
}
},
computed:{
displayName(){
return '';
}
},
methods:
转载
2024-04-01 11:07:04
76阅读
写在前面：如题，在项目中，经常有些函数和变量是需要复用，比如说网站服务器地址，从后台拿到的：用户的登录token,用户的地址信息等，这时候就需要设置一波全局变量和全局函数，这两个设置不太难，而且有一些共通之处，可能有一些朋友对此不太了解，所以随便写出来分享一波。有需要的朋友可以做一下参考，喜欢的可以点波赞，或者关注一下，希望可以帮到大家。定义全局变量原理：设置一个专用的的全局变量模块文件，模块里面
转载
2023-06-24 22:56:33
162阅读
# Vue + Axios 路径拼接的实现指南
在前端开发中，使用 Axios 进行 HTTP 请求是一个非常常见的做法，而在使用 Axios 进行 API 调用时，路径的拼接也是不可避免的。今天，我们就来学习如何使用 Vue 和 Axios 进行路径拼接。
## 整体流程
下面是实现的整体流程，可以帮助你理解每一步的具体操作。
| 步骤 | 操作
使用vue开发的项目，有的时候可能会需要添加项目路径，比如需要将vue项目作为子系统挂接在别的系统下，这时候就需要一个约定好的项目路径，才能使当前vue项目的所有资源路径能被正确识别而保证正常访问。 vue添加项目路径需要改两个地方： 1.配置【publicPath】。 module.exports ...
转载
2021-08-08 17:29:00
1156阅读
2评论
路由问题 vue/cli 构建的项目，配置路由后，访问不到，需要在 端口号后加入 # 错误访问： http://172.16.9.67:8080/about/3 正确访问：http://172.16.9.67:8080/#/about/3 如果不需要 # 号 则 在路由 index 中添加 mode ...
转载
2021-09-15 16:43:00
1296阅读
2评论
目录情况说明本案例解决方法配置解释为什么会出现404的情况root 和 alias 的区别try_files 配置的作用友情提示 情况说明nginx部署vue项目，文件放在html下的dist文件夹中 nginx.conf 文件中，server 里配置文件的位置、请求跨域等信息本案例解决方法在启动项目后因为配置的是root，首先是找不到html下面的sys-test文件夹，再经过配置修改为ali
转载
2024-09-10 22:18:30
59阅读
# 如何在Vue中处理Android资源路径
在开发基于Vue的Android应用时，处理资源路径是一个常见的问题。本文将简要讲解如何在Vue中正确处理Android的资源路径，并提供详细的步骤和代码示例。我们将通过表格展示整个流程，并为每个步骤提供清晰的代码和注释，帮助刚入行的小白快速上手。
## 流程概述
下表展示了我们将要遵循的主要步骤：
| 步骤 | 描述 |
|------|--
原创
2024-08-13 03:37:52
67阅读
先看一下产品需求，如下图所示， 产品要求图片和它的名称一一对应，本来是非常简单的需求，后台直接返回图片路径和名称，前台直接读取就可以了，但是我们没有存储图片的服务器，再加上是一个实验性的需求，图片需要存放到前台。当时我想，vue 中的img 的src 可以动态绑定到一个变量上， 很简单吗，就没有考虑太多，直接开始做了。 首先和后台商量一下数据结构，因为图片要和
转载
2024-03-23 10:27:29
325阅读
# 使用Vue和Axios配置路径的步骤
在这篇文章中，我将指导你如何使用Vue和Axios配置路径。首先，让我们来看一下整个过程的步骤：
| 步骤 | 描述 |
| --- | --- |
| 步骤一 | 创建Vue项目 |
| 步骤二 | 安装Axios |
| 步骤三 | 创建API配置文件 |
| 步骤四 | 在Vue组件中使用Axios |
现在，让我们逐步进行，教你如何实现。
原创
2023-12-29 04:54:39
114阅读
整体思路是这样，在首次登录成功的时候将用户id放在jwt中的payload中，利用JWT工具类生成相应的token，然后传给前端 ，前端将获得的token首先放在localStorage中，然后在前端设置请求拦截器，将localStorage中的token放在请求头中，这样就可以在每次访问的时候把tok
优化1. 代码层面部分代码使用懒加载方式，比如点击事件，回调函数内进行import('xxx').then()vue路由使用懒加载： component: ()=> import('@/views/about.vue')v-if/v-show: ① 尽量多的使用v-if，减少渲染dom数量，加快首屏加载速度。② 权限控制使用v-ifv-for遍历时，必须加上key，加上key是为了① 准确找
转载
2024-10-10 15:42:11
38阅读
这两天用nginx配置vue项目因为也是第一次配置，翻了很多博客也是踩了不少坑，怕之后会忘，所以写篇博客总结一下流程。使用工具我这边配置使用xshell，xftp。xftp可以更加方便的传输文件(可以直接传文件夹) 连接xshell，xftp自行百度都有安装nginx1.安装编译工具及库文件yum -y install make zlib zlib-devel gcc-c++ libtool o
Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。动态路由匹配我们经常需要把某种模式匹配到的所有路由，全都映射到同一个组件。例如，我们有一个 User 组件，对于所有 ID 各不相同的用户，都要使用这个组件来渲染。那么，我们可以在 vue-router 的路由路径中使用“动态路径参数”(dynamic segment) 来达
转载
2024-08-09 12:29:32
397阅读
1. 写在前面1. 在vue中不推荐使用jq操作DOM元素，所以我们发送ajax请求的时候，最好也是不要使用jq，而是用与vue高度契合的vue-resource来实现。2. jsonp的实现原理 2.1 由于浏览器的安全限制，不允许ajax访问协议不同、域名不同、端口号不同的数据接口，浏览器认为这种访问不安全 2.2 可以通过动态的创建scrip
转载
2024-06-16 09:31:16
438阅读
目录一、Vue-Router作用二、路由配置及使用1、配置参数2、默认路径（相对路径和绝对路径）（1）带“/”和不带“/”的区别3、路由嵌套（路由重定向）4、动态路由匹配5、路由传参（1）vue文件中传参（2）routes里传参6、 keep-alive使用7、路由的懒加载8、Not Found路径三、动态添加路由四、删除路由五、导航守卫六、刷新当前路由七、新窗口打开路由页面八、BUG 处理8.
转载
2024-04-03 15:50:59
1565阅读
