vue项目配置打包测试环境/生产环境

vue项目配置打包测试环境/生产环境:

在这里插入图片描述
开发环境运行命令:npm run serve
生产环境打包命令:npm run pro
测试环境打包命令:npm run build


步骤:

1.项目中添加一个配置ip的js文件,比如如下的ip-config.js(位置不重要)

在这里插入图片描述

2.在生成axios实例的时候引入,封装baseUrl

在这里插入图片描述

3.在main.js中全局引入封装号的axios

import http from "@/utils/request";
Vue.prototype.$http = http;

4.在项目中即可使用

为了接口的可维护性,一般会把url提出来写到js中,在vue中引入当变量传给封装好的$http
get
在这里插入图片描述
post
在这里插入图片描述

5.在package.json中配置打包环境

在这里插入图片描述
注意:--mode后面的值代表配置ip时的名称,要一致;至于前面的键名,可自定义,符合规范就好

提示:一般来说,开发环境是开发人员自己运行的,不需要配置打包(build);同理,其他环境也不需要配置运行(serve)


总结:

写博客是为了记笔记!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/555280.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

mysql命令实践_MySQL:常用命令行

登入mysql -h192.168.1.110 -uroot -ppassword登出quit/exit查看数据库show databases;用户权限#添加grant select on db.table to userhost;grant select,update on *.* to test%;#撤销revoke all on *.* from test%;#查看show grants;show grants for userlocalhost#删除用户…

SpringMVC访问WEB-INF下的jsp解决方案Spring Boot集成使用jsp

SpringMVC访问WEB-INF下的jsp解决方案 一. 问题 ​将项目中用到的jsp等文件放在WEB-INF目录下。实际开发过程中,需要在框架页面通过iframe嵌入对应的具体页面,此处如果直接调用对应页面所在的url地址,则会提示404错误。 ​ WEB-INF目录下的…

SpringBoot | 详解SpringBoot配置文件及其原理

文章目录一、配置文件二、YAML语法1、基本语法2、值的写法(1)、字面量:普通的值(数字,字符串,布尔)(2)、对象、Map(属性和值)(3)、数组(List、Set)三、配置文件值注入1、…

mysql 自连接 树形_自连接表的相关问题(树形结构)

问题一:自连接表肯定是相似 Id(PK),parentId(FK),name ….了Id假如是主键的话,parentId就是外键了,可是树形结构肯定是有根节点了,那么根节点的parentId按理说应该是null,原因是根节点没有父节点,可是主键Id是不能为空…

简述python程序的运行原理_谈谈 Python 程序的运行原理

执行 python demo.py 后,将会启动 Python 的解释器,然后将 demo.py 编译成一个字节码对象 PyCodeObject。在 Python 的世界中,一切都是对象,函数也是对象,类型也是对象,类也是对象(类属于自定义的类型&…

【深入理解JVM】:Java内存模型JMM

多任务和高并发的内存交互 多任务和高并发是衡量一台计算机处理器的能力重要指标之一。一般衡量一个服务器性能的高低好坏,使用每秒事务处理数(Transactions Per Second,TPS)这个指标比较能说明问题,它代表着一秒内服…

java 上下文加载器_【深入理解Java虚拟机 】线程的上下文类加载器

线程上下文类加载器线程上下文类加载器( Thread Context ClassLoader) 是从JDK1.2 引入的,类Thread 的getContextClassLoader() 与 setContextClassLoader(Classloader var1) 分别用来设置线程的上下文类加载器。如果没有指定线程的上下文的加载器,那么线…

You may use special comments to disable some warnings.Use // eslint-disable-next-line to ignore...

vue没写什么爆红 错误原因 ESLint] 对语法的要求过于严格导致编译的时候报上图那些错误。 要知道,这并不是代码有异常,而是代码格式有问题,这些错误并不会影响代码的执行结果。 解决方法 很简单,既然是ESLint 语法错误&#xff…

java is a like a_JAVA基础——is-a 、have-a、和 like-a的区别

1、is-a,has-a,like-a是什么在面向对象设计的领域里,有若干种设计思路,主要有如下三种:is-a、has-a、like-ajava中在类、接口、抽象类中有很多体现。了解java看这里:什么是Java了解类和对象看这里&#xff…

Java根据日期生成编号

1、Java根据日期生成编号 根据日期生成编号 1、使用 DateTimeFormatter DateTimeFormatter fmt DateTimeFormatter.ofPattern("yyyyMMddHHmmssSSS");//设置日期格式 String newsNo "xw"LocalDateTime.now().format(fmt);2、使用 SimpleDateFormat Si…

Java数字位数不足前面补0的几种办法

public static void main(String[] args) {int num6; DecimalFormat decimalFormat new DecimalFormat("000000");String numFormat decimalFormat .format(num);System.out.println(numFormat);//打印结果"000006" }Testpublic void test() {this.printT…

java jni 原理_JNI的实现原理

JNI接口函数和指针Java虚拟机访问本机代码通过调用JNI的功能特性。JNI的功能都可以通过一个接口指针。一个接口指针是一个指向指针的指针。这个指针指向一个一个指针数组,这个数组中的每一个成员指向一个函数入口。每个接口的功能是在一个预定义的内部数组的偏移量。…

jQuery ajax读取本地json文件_jQuery请求本地JSON文件,在谷歌浏览器运行时报跨域错误_Vscode使用Live Server

json文件 {"first":[{"name":"张三","sex":"男"},{"name":"李四","sex":"男"},{"name":"王武","sex":"男"},{"name":"李…

java执行curl命令_Java执行curl命令

Java执行curl命令需要注意的是,命令需要以数组的形式传递参数,就是把正常的命令以空格切分成数组就行了。而且参数前后不能有空格,不然会报错。具体的测试代码如下:import java.io.BufferedReader;import java.io.IOException;imp…

Vue打包并发布项目

一、 打包vue项目步骤: 1、对当前vue项目进行打包的命令如下: npm run build2、打包完成,会输出Build complete并且在vue项目中会生成一个名字为dist的打包文件。如下图: 二、 使用静态服务器工具包发布打包的vue项目 1、首先…

java线程安全例子_Java总结篇系列:Java多线程(三)

本文主要接着前面多线程的两篇文章总结Java多线程中的线程安全问题。一.一个典型的Java线程安全例子1 public classThreadTest {23 public static voidmain(String[] args) {4 Account account new Account("123456", 1000);5 DrawMoneyRunnable drawMoneyRunnable …

Grammarly:最优秀的日常英文写作辅助工具——论文英文校验

使用Grammarly也有一些心得,在此分享给大家。 1,Grammarly是什么? Grammarly是一款在线语法纠正和校对工具,支持Windows、Mac、iOS和Android等多个平台。它能够检查单词拼写、纠正标点符号、修正语法错误、调整语气以及给出风格…

Spring如何将@RestController的对象自动转换为json_@ResponseBody 注解原理

我正在看一段代码,其中我假设spring决定在幕后使用Jackson为RestController自动将对象转换为json RestController RequestMapping("/api") public class ApiController {private RoomServices roomServices;Autowiredpublic ApiController(RoomServices…

jetty java web_i-jetty 下的JavaWeb开发(一)

最近需要将android端作为服务器进行开发,让android作为服务器,现阶段技术并不是很成熟,主要的服务器有i-jetty,是基于PC端的jetty的移植。i-jetty同tomcat类似,也是Servlet的容器,但是i-jetty需要使用andro…

SpringMVC @RequestBody和@ResponseBody原理解析

SpringMVC RequestBody和ResponseBody原理解析 前言 RequestBody作用是将http请求解析为对应的对象。例如: http请求的参数(application/json格式): {"accountId": 10,"adGroupId": "12345678",…