开发环境win10/ubuntu18.04
vue 2.6.11问题描述vue 项目运行npm run build之后，把后台接口地址一起打包成静态文件中了，如果ip/地址变了要重新打包，如果是要运行在多个主机上则每个主机都要build一遍，这移植性太差了，接口地址可配置太重要了。网上找了很久都没找到都没找到方法解决 在vue项目的/public目录下，创建config.js文件，然后引用conf
到这里vue的所有平时使用的知识点都写完了先补充一下vue2.x的安装## 全局脚手架
npm install vue/cli -g
## 查看版本
vue --version
## 新建项目
vue init webpack 【name】2.x是有vue-router的，但是vuex和axios自己安装
3.x有vue-router和vuex，axios自己安装vue2.x是没有自定义的vue.
转载
2024-04-25 16:07:50
62阅读
使用lib模式打包在vue-cli官网中有指出如何使用lib模式构建代码。当你运行 vue-cli-service build 时，你可以通过 --target 选项指定不同的构建目标。它允许你将相同的源代码根据不同的用例生成不同的构建。lib模式默认是不含有Vue的，若原代码中有vue，则会将原代码中的vue删除。注意对 Vue 的依赖在库模式中，Vue
在centos下部署过数次jenkins打包springboot项目,打包vue项目,这次在centos6精简版下部署jenkins,再部署打包vue项目确实遇到了麻烦.部署新版本node,需要gcc以及2.17版本的GLIBCnode: /usr/lib64/libstdc++.so.6: version `GLIBCXX_3.4.14' not found (required by node)
# 如何实现“vue2 封装axios”
## 1. 流程图
```mermaid
erDiagram
小白 --> 开发者: 请求教学
小白 --> 开发者: 学习过程
小白 --> 开发者: 完成实现
```
## 2. 教学步骤
| 步骤 | 内容 |
| ------ | ------ |
| 1 | 创建一个 axios 实例 |
| 2 | 创建一个封装
原创
2024-07-14 07:53:15
170阅读
# Vue2 封装 Axios
## 什么是 Axios？
Axios 是一个基于 Promise 的 HTTP 请求客户端，可以在浏览器和 Node.js 环境中使用。它支持请求和响应拦截器，可以轻松地与 Vue.js 结合使用。
## 为什么需要封装 Axios？
在实际项目中，我们经常会遇到需要发送多个请求、统一处理错误等情况。为了简化代码，提高开发效率，我们可以封装 Axios，将公共
原创
2024-06-10 04:05:36
52阅读
问题记录：在生产环境中不要出现@licnese,但是vue打包之后并不能把所有注释都消除掉 删除注释要引入webpack的plugins ： terser-webpack-plugin （UglifyJsPlugin已经被官方废弃） 相关 terser-webpack-plugin文档 在命令终端 ...
转载
2021-09-10 15:43:00
2631阅读
2评论
接下来就来正式实战,看看docker怎样去部署一个Vue前后端分离的项目，我们从以下三点来进行：Vue项目打包Docker镜像后端项目Nginx的配置一. Vue项目打包这里说下,我服务器本身就有Nginx服务,所以我只需要将Vue项目进行打包然后上传到服务器,Nginx能访问到即可,并未使用到Docker进行构建1.1 通过命令打包进到项目根目录然后执行打包命令cd 项目根目录
npm run
转载
2024-04-07 11:44:34
171阅读
解决、 提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言一、创建文件夹存放封装好的js二、封装代码三、配置四、在需要的组件中使用总结 前言 这篇文章直接能够在项目中使用，没有解释什么东西，直接复制粘贴，嘎嘎用。一、创建文件夹存放封装好的js我是创建在src/request/axios.js二、封装代码如下直接将下面代码复制在request.js中，
转载
2023-08-02 11:06:49
178阅读
一、封装组件的步骤1. 建立组件的模板，先把架子搭起来，写写样式，考虑好组件的基本逻辑。2. 准备好组件的数据输入。即分析好逻辑，定好 props 里面的数据、类型。3. 准备好组件的数据输出。即根据组件逻辑，做好要暴露出来的方法。4. 封装完，调用。 二、代码详解1. 先说一下 props我们在父组件中需要将
转载
2023-09-24 19:00:27
164阅读
封装 axios 工具，编辑 src/api/index.js 文件 首先，我们要使用 axios 工具，就必须先安装 axios 工具。执行下面的命令进行安装 这样，我们就安装好了 axios 工具了。 新建了一个 src/api/index.js 好，我们写好这个文件之后，保存。 调整 main
转载
2017-10-24 22:50:00
321阅读
2评论
1.安装npm install axios; // 安装axios2.引入src目录下新建request文件夹，在此文件夹内新建http.js(封装axios)和api.js(管理接口)// 在http.js中引入axios
import axios from 'axios'; // 引入axios
import QS from 'qs'; // 引入qs模块，用来序列化post类型的数据，后面会
一、前端模块化webpack是让我们可以进行模块化开发，并且会帮助我们处理模块间的依赖关系。并且不仅仅是JavaScript文件，还有CSS、图片、json文件等等，在webpack中都可以被当做模块来使用。 二、打包webpack中的各种资源模块进行打包合并成一个或多个包（Bundle）。在打包的过程中，还可以对资源进行处理，比如压缩图片，将scss转成css，将ES6语法转成ES5语法，将Ty
文章目录一、跨域是什么？二、devServer的作用三、如何解决跨域问题四、配置代理后打包部署报错404的解决方法一、跨域是什么？跨域问题的出现是因为浏览器的同源策略问题，所谓同源:就是两个页面具有相同的协议（protocol），主机（host）和端口号（port），它是浏览器最核心也是最基本的功能，如果没有同源策略我们的浏览器将会十分的不安全，随时都可能受到攻击。二、devServe
# Vue2项目封装Axios的完整指南
在现代前端开发中，Axios作为一个流行的HTTP客户端库，常用于与API进行交互和数据请求。在Vue2项目中封装Axios是一个提升代码可复用性和可维护性的好方法。本文将为你详细讲解如何在Vue2项目中封装Axios。
## 流程概述
以下是封装Axios的步骤：
| 步骤 | 描述 |
|
## 使用Vue2封装Axios设置端口号的步骤
### 1. 安装Axios
首先，在项目目录下打开终端，运行以下命令安装Axios：
```bash
npm install axios
```
### 2. 创建封装文件
在项目的`src`目录下创建一个名为`api.js`的文件，用于封装Axios的相关配置和请求方法。
### 3. 引入Axios和Vue
在`api.js`文
原创
2023-11-11 09:15:59
145阅读
# axios和Vue2的使用
在Vue2项目中，我们经常需要与后端进行数据交互，发送HTTP请求是非常常见的操作。axios是一个基于Promise的HTTP库，可以在浏览器和Node.js中发送HTTP请求。它使用简单且功能强大，因此在Vue2中广泛使用。
## 安装axios
首先，我们需要在Vue2项目中安装axios。可以使用npm或者yarn进行安装：
```markdown
原创
2023-08-01 11:38:39
190阅读
在过往的项目中，大部分Axios在项目搭建时就直接二次封装好了，拿来即用。满足通用需求是没有问题的，但碰到一些特别的接口返回，弱网场景，特别的产品需求，就觉得简单的封装不够用了。实际上Axios非常强大，封装好了可以事半功倍，刚好今天趁此机会认真学习一下。这次主要在基本封装基础上增加了取消请求和自定义错误提示。基础工作扩展AxiosRequestConfig接口，加入自定义的配置参数declare
在/utils新建request。
原创
2023-04-08 08:37:53
400阅读
2024-07-31 TQueryCondition条件查询组件新增"以下拉方式展示更多条件"功能，效果如下：一、需求对于后台管理系统项目必不可少的就是 “增删改查”；而 “查”，就会根据表格的列数来显示多少个查询/筛选条件；为了方便因此封装了查询条件（筛选条件）组件二、组件功能1、自动排列布局，每行显示4列（即4个条件）
2、内置“查询”和“重置”操作，并且按钮始终居于查询条件的最右侧
3、特定
转载
2024-09-12 06:54:23
65阅读
