注意：使用VuePress前请确保你的 Node.js 版本 >= 8。一、安装（启动服务）1. 全局安装# 安装
yarn global add vuepress # 或者：npm install -g vuepress
# 创建项目目录
mkdir vuepress-starter && cd vuepress-starter
# 在docs文件夹下新建一个 mark
转载
2024-06-18 14:06:44
39阅读
# 在 Vue 项目中获取 Docker 环境变量的详细步骤
## 引言
在现代的前端开发中，利用 Docker 来容器化应用已经成为了一种趋势。本文将教会你如何在 Vue 项目中获取 Docker 提供的环境变量。整个流程将依赖于 Docker Compose 和 Vue CLI。
## 整体流程
我们将整个流程分为以下几个步骤：
| 步骤 | 描述
文章目录前后端分离项目部署环境文件准备服务端DockerFile-server前端DockerFile-webnginx配置文件部署流程图后端部署流程前端部署流程Nginx相关配置问题 前后端分离项目部署环境文件准备服务端DockerFile-serverFROM centos:7
RUN yum -y update \
&& yum -y install vim \
转载
2023-11-02 00:45:39
180阅读
我们可以在项目根目录中的下列文件来指定环境变量：.env # 在所有的环境中被载入.env.local # 在所
# 项目方案：获取Docker环境变量后的Vue打包
## 简介
本项目方案旨在解决在使用Docker进行部署时，如何获取Docker容器中的环境变量，并在Vue打包后的项目中使用这些环境变量的问题。在本方案中，我们将使用Vue CLI进行项目的打包，并结合Docker的特性来实现环境变量的传递。
## 方案概述
在使用Docker部署Vue项目时，我们通常会遇到需要在项目中使用一些环境变
原创
2023-10-10 14:19:11
1013阅读
前提一台服务器 ( Linux 内核系统 - CentOS 8 为例 )，如果是本地装 docker 模拟的话，跳过此阶段了解 docker 简单概念，Linux 简单操作::: warning 注意 服务器保证可以正常连接访问，国内的已备案，并开放了端口 :::题外话-服务器重装系统（以阿里云为例）登录阿里云账号，右上角打开控制台找到云服务器 ECS（点击左侧栏目），停止服务器（实例）点击左侧实
转载
2024-08-12 13:32:45
58阅读
# 使用jquery获取vue变量的方法
## 介绍
在使用Vue进行开发时，有时候我们需要使用jquery来操作一些DOM元素或者获取vue中的数据。本文将介绍如何使用jquery获取vue变量。
## 整体流程
下面是使用jquery获取vue变量的整体流程：
```mermaid
pie
title 整体流程
"引入jquery" : 1
"获取vue实例" :
原创
2024-01-01 09:24:56
399阅读
# 如何在jQuery中获取Vue变量
在现代前端开发中，Vue和jQuery都是非常流行的工具。虽然它们可以独立使用，但有时需要将这两者结合起来，尤其是当你在使用Vue时想要利用jQuery的强大功能。本文将指导你如何在jQuery中获取Vue的变量。
## 流程概述
为了实现这个功能，我们需要遵循以下步骤：
| 步骤 | 操作说明
原创
2024-08-29 04:29:33
50阅读
1.基础镜像的选择官方镜像优于非官方的镜像，如果没有官方镜像，则尽量选择Dockerfile开源的固定版本tag而不是每次都使用latest尽量选择体积小的镜像2.通过 RUN 执行指令每一行的RUN命令都会产生一层image layer, 导致镜像的臃肿，所以尽可能写到一个Run里。//Bad
FROM ubuntu:20.04
RUN apt-get update
RUN apt-get in
转载
2024-09-24 14:08:43
40阅读
一：封装Cookie方法在util文件夹下，我们创建util.js文件，然后上代码//设置cookie
export function setCookie (c_name, value, expire) {
var date = new Date()
date.setSeconds(date.getSeconds() + expire)
document.cookie = c_name + "="
Node的下载与安装工欲善其事必先利其器，在搭建vue的开发环境之前，一定一定要先下载node.js，vue的运行是要依赖于node的npm的管理工具来实现。1、首先我们进入到node的官网 https://nodejs.org/zh-cn/ 下载node运行安装node-—选择文件安装路径-—之后一直点next就可以了 2、安装淘宝cnpm镜像安装好node之后，我们打开终端，输入no
转载
2024-06-28 20:35:55
90阅读
文章目录class对象类型，动态绑定 {}动态切换动静结合关于写法数组类型，多个绑定在组件上使用单根组件多根组件，$attrs.class 因为class属性的特殊性（可以有多个值），在将v-bind 用于 class 时，Vue.js 做了专门的增强。表达式结果的类型除了字符串之外，还可以是对象或数组。class对象类型，动态绑定 {}动态切换我们可以传给 :class (v-bind:cla
转载
2024-04-11 08:20:34
484阅读
简单描述一下问题：Q： 在组件内部调用了公共方法wakeApp，想在判断是微信环境时候，通过改变组件局部变量的值，弹出遮罩组件，然鹅，并不知道怎么在外部引用的js中改变组件data中定义的局部变量。 A：尝试很多方法无果，后来优秀同学告诉我，他之前在vuex里 访问this，就是这么搞的，试了一下，好使：data() {
return {
转载
2023-06-20 19:02:49
207阅读
【Vue】vue | node | 获取配置文件的变量 | 获取VUE_APP_BASE_API | 获取.env.development变量
原创
2022-11-25 10:52:51
477阅读
在Vue项目中，获取环境变量是一个常见的需求，可以根据不同的环境配置来调整应用的行为，比如在开发环境和生产环境中使用不同的API地址。本文将介绍如何在Vue项目中获取环境变量。
整体流程如下：
| 步骤 | 操作 |
| ---- | ---- |
| 1 | 在Vue项目中创建不同环境的配置文件 |
| 2 | 在配置文件中定义环境变量 |
| 3 | 在Vue组件中获取环境变量 |
接下
原创
2024-04-26 10:22:31
705阅读
1、创建在根目录下 2、命名格式：命名分为 开发环境、测试环境、生产环境一、环境变量写法方式.env 基础系统变量，无论何种环境，都可使用其中配置的值，其他环境中的变量会覆盖.env中的同名变量。
.env.development 开发环境
.env.production 生产环境
.env.staging 测试环境3、内容格式 例子写法：vue2 使用是以 VUE_开头 vue3使用vite进行
转载
2024-07-27 14:35:48
220阅读
关于项目中环境变量的总结背景项目环境一般分为开发环境，测试环境，线上环境
因为每个环境的接口域名、webpack 配置都是不同的，所以在打包构建时，我们需要区分这些环境，这时就用到了环境变量
在工作中使用到了两种方法来区分，下面将这两种方式一一列举出来
技术框架是vue-cli@2.x首先看下下面的解释，后面会用到
< process 对象是一个全局变量，提供 Node.js 进程的有关信
转载
2023-06-07 14:47:10
1447阅读
使用vue框架进行前端开发也有一段时间了，遇到的问题可以大致分为2类：开发问题，部署问题。开发方面的问题是最多的，也是大家经常会遇到的，但是部署的问题也不容小觑，一旦部署出错会造成严重的上线事故。开发和测试时调用后台接口的地址是和生产环境中不一样的，有些时候需要跳转到其他网页，也需要测试和生产环境跳转不同的页面。这些配置如果都用人工来维护，上测试环境注释掉生产的代码，上生产环境注释掉测试的代码，会
获取docker中的环境变量
在Docker中，环境变量是一种重要的配置方式，它们可以用来传递配置信息给容器中的应用程序。本文将介绍如何在Docker中获取环境变量，并提供相应的代码示例。
在Docker中，可以通过两种方式来设置环境变量：
1. 在Dockerfile中使用ENV指令设置环境变量，例如：
```dockerfile
ENV ENV_NAME=value
原创
2023-12-19 05:18:20
429阅读
# 在Vue应用中获取Docker环境变量的指南
作为一名刚入行的小白，理解如何在Vue应用中获取Docker环境变量是非常重要的。本文将为你详细介绍整个流程并逐步讲解每一步所需的代码。
## 流程概述
在Docker中，通过环境变量传递配置是常见做法。我们的目标是把这些环境变量传递到Vue应用中。以下是实现的步骤：
| 步骤 | 操作 |
