背景在项目部署时,我们需要在测试环境和生产环境使用不同的变量。vue-cli提供了vue-cli-service build打包命令,然而vue-cli-service build默认的环境变量值则为production。那我们通过npm run build打包构建,想要实现不同环境使用不同变量,暂时不能实现。vue-cli-service介绍vue-cli-service介绍 vue-cli生成
# Vue + TypeScript 项目配置后端接口地址 随着前端技术的不断发展,Vue.js 作为一款流行的前端框架,在许多项目中得到了广泛应用。在实际开发中,常常需要与后端进行接口交互,而使用 TypeScript 来增强代码的可维护性和可读性也是一种趋势。在这篇文章中,我们将会探讨如何在 Vue + TypeScript 项目配置后端接口地址,并提供代码示例,帮助开发者更好地理解与实践
原创 9月前
184阅读
Ubuntu下使用nginx发布vue项目1. Ubuntu18.04搭建nginx服务器1.1 ubuntu安装nginxsudo apt update sudo apt install nginx1.2 配置防火墙ps: 防火墙配置部分可根据情况选择,一般不需要配置防火墙sudo ufw app list获得应用程序配置文件的列表 可用应用程序: CUPS Nginx Full Nginx H
转载 2024-06-04 11:07:51
208阅读
webpack+vue-cil 配置接口地址代理以及将项目打包到子目录的方法前言很久没有更新关于webpack+vue的内容了。前面承诺过大家告诉大家如何打包到子目录的。由于太忙,也忘记了。今天补充两个知识点给大家。将接口配置到本地代理的方法一般来说,我们会在正式环境中讲接口配置到和项目路径是一个域名下的。因此,我们没必要在调用接口的时候使用绝对地址,使用相对地址即可。但是开发环境的话,我们本地跑
项目开发的时候,接口联调的时候一般都是同域名下,且不存在跨域的情况下进行接口联调,但是当我们现在使用vue-cli进行项目打包的时候,我们在本地启动服务器后,比如本地开发服务下是 http://localhost:8080 这样的访问页面,但是我们的接口地址是 http://xxxx.com/sa
转载 2018-05-02 16:47:00
184阅读
2评论
AxiosAxios是一个基于promise的HTTP库,可以用在浏览器和node.js中。jQuery中也封装了ajax机制,但 是仅适用于浏览器。特性从浏览器中创建 XMLHttpRequests从 node.js 创建 http 请求支持 Promise API拦截请求和响应转换请求数据和响应数据取消请求自动转换 JSON 数据客户端支持防御 XSRF安装通过<script>直接
# Vue Build for Cordova iOS 配置指南 在现代移动应用开发中,使用 Vue.js 和 Cordova 创建跨平台应用是一种流行的选择。本文将介绍如何将 Vue.js 应用打包为 Cordova iOS 应用,并提供相关配置示例。 ## 环境准备 在开始之前,请确保你已安装以下工具: 1. **Node.js**:用于管理依赖和构建应用。 2. **Vue CLI*
原创 2024-10-14 07:09:06
27阅读
当前的项目存在前台及后台两个部分,使用的接口域名也不一致,需要拦截的请求也不一致,故此封装了多个request 请求,今天无事写个demo吧可以在src目录下创建文件夹 request 文件夹下创建request.js 文件,可以在其中封装两个request函数,然后通过 export 暴露出去request.js 文件// 引入axios 方法 import axios from "axios"
转载 2023-11-26 20:11:53
521阅读
# 实现Vue配置两个接口请求地址 ## 整体流程 在Vue项目配置两个不同的接口请求地址,可以通过修改和配置`vue.config.js`文件来实现。除此之外,还需要使用`axios`这个库来发送请求并进行处理。 下面是实现这个目标的具体步骤: | 步骤 | 操作 | | ------ | ------ | | 1 | 安装axios库 | | 2 | 创建一个文件用于存放接口请求地
原创 2024-05-23 11:17:54
822阅读
前端项目里面包的安装 前端现代项目开发环境 nodeJS 前端现代项目运行环境 浏览器 前端项目包管理(包安装工具)(插件安装工具) npm(nodeJS自带 慢,慢) cnpm(淘宝镜像) yarn (快快)npm install -g yarn 全局安装yarn npm和yarn功能一样 就是快点前端项目包文件 两种全局包(任何都可以使用)项目包 (当前项目才可以使用)初始化项目 yarn i
转载 2024-01-15 21:25:13
147阅读
日常项目开发的过程中,接口文档是必不可少的。后端工程师与前端工程师之间需要接口文档来定义数据传输协议、系统对外暴露接口需要文档来说明、系统之间相互调用需要文档来记录接口协议等等。对于一个完整的项目接口文档是至关重要的。那我们如何写好一份接口文档呢?今天就让我们说一说接口文档几个重要的要素。api1、接口概述接口概述主要说明本接口文档涉及到的业务功能点,面向的阅读对象以及接口文档主要包括哪些业务的
转载 2023-07-04 23:02:16
90阅读
## Vue项目Build出来如何部署 ### 介绍 在开发完Vue项目后,我们通常会使用`npm run build`来对项目进行打包,生成生产环境可部署的静态文件。接下来,我们将介绍如何将这些打包好的文件部署到服务器上以供访问。 ### 步骤 | 步骤 | 操作 | | --- | --- | | 1 | 在本地机器上进行项目打包 | | 2 | 将打包好的文件上传至服务器 | | 3
原创 2024-04-30 11:59:32
521阅读
文章目录一、前言二、文件介绍三、拓展阅读一、前言vue项目启动后调用顺序: index.html → main.js → app.vue → index.js → components/组件二、文件介绍项目创建好后,一般会生成三个文件:index.html、main.js、app.vue。index.html :所有vue文件均以单页面形式开发,所有vue组件都是通过index.html进行渲染加
转载 10月前
25阅读
最近想学习使用maven,于是就在intellij上捣鼓了起来。 我以为Intellij直接集成了maven,于是兴冲冲的直接创建maven项目。 到这里为止,都和教程里说的一样,第一次打开要下载些东西,之后打开就会快很多了。于是我泡了杯茶,静静的玩了会儿手机。结果,显示BUILD FAILURE。怎么回事?不应该是BUILD SUCCESS吗? 于是立马到网上查,原因很明显,因为我连mav
转载 2024-05-08 19:59:05
26阅读
<build> <plugins> <plugin> <groupId>org.apache.maven.plugins</groupId>
原创 2023-05-26 06:22:50
43阅读
目录1.Maven官方解释2.maven(JDK)环境配置2.1. 证明你搞定了截图如下3. maven的下载4. 接下来是我第一次使用cmd创建maven项目的过程4.1. 打开文件4.2. 打开setting.xml文件4.3. 进入cmd命令行,进入项目目录,输入mvn archetype:generate4.4. 使用CMD命令行生成站点信息4.5. 生成 API Doc 文档 1.Mav
Vue的路由机制主要是通过两种模式实现的第一种模式是hash模式第二种是H5的history模式这是默认的hash模式的路由:改成history模式后const router = new VueRouter({ mode:"history", routes }) export default routerHash模式hash模式是以url的hash值来作为路由,这也是vue
转载 2024-06-13 12:05:00
600阅读
https://www.cnblogs.com/jyughynj/p/11207436.html 需要一个配置文件,能在项目打包(build)时不被打包,方便修改,同时项目刷新时读取改配置。 实现方法如下: 1.在项目的static目录下创建project.config.json文件(名称随意,建议 ...
转载 2021-08-13 15:13:00
741阅读
2评论
本文意在说明nginx部署vue项目build时一些细节配置,方便在项目开发后配合部署人员build要发布的项目。因为使用的项目使用的是cli 2.x的版本,所以配置上和cli 3.x后有不同,不过都在注释中说明了对应的新版本的配置项。 ...
转载 2021-07-11 22:24:00
789阅读
2评论
查看原文配置步骤第一步:在 static 文件夹中新建一个 config.json,把你要写的配置写入{// 基本访问地址"BASE
  • 1
  • 2
  • 3
  • 4
  • 5