初识Vue

最新推荐文章于 2023-07-10 16:19:29 发布
最新推荐文章于 2023-07-10 16:19:29 发布
阅读量258 收藏
点赞数 1
分类专栏： 前端 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43596993/article/details/105186226
版权

Vue版本：@vue/cli 4.2.3

1. 更改端口号

node_modules@vue\cli-service\package.json

拉到最后，注释放开，修改port

2. 去除url中的#

# index.js中
mode: 'history',

在这里插入图片描述在这里插入图片描述

3. 配置文件设置项目名称

根目录下新建.env（键值对,以VUE_APP开头）

VUE_APP_NAME=程序猿社区

index.html中标题设置如下

<title><%= process.env.VUE_APP_NAME %></title>
L Amor゜
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue2学习详细
qq_39989608的博客
03-28 1855
安装 直接用 直接用 开发版本 生产版本 <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script> NPM 在用 Vue 构建大型应用时推荐使用 NPM 安装[1]。NPM 能很好地和诸如 webpack 或 Browserify 模块打包器配合使用。同时 Vue 也提供配套工具来开发单文件组件。 npm install vue 命令行工具 (CLI) Vue 提供了一个官方的 CL
vue 项目通过环境变量来设置项目 title
web00_11的博客
09-23 1957
env.[mode].local # 只在指定的模式中被载入，但会被 git 忽略。.env.local # 在所有的环境中被载入，但会被 git 忽略。.env.[mode] # 只在指定的模式中被载入。.env # 在所有的环境中被载入。.env.development 开发环境。.env.production 生产环境。在 package.json 文件中配置。.env.staging 测试环境。
vue-cli3 搭建项目流程
weixin_43299180的博客
03-10 3209
上一次用脚手架从零开始搭建项目已经是两年前的事情了，正好最近有一个新项目启动，我决定重新搭建一个，然后梳理一下流程。 操作步骤： 1、安装 node：需要在node官网下载一个稳定版本安装一下就可以了。 2、安装脚手架： //这里是脚手架3 npm install -g @vue/cli 3、创建项目： vue create 项目名 然后出现下面的选项，现在是选择 vue2 和 vue3 ；这里我选的是 vue2 ,主要考虑是 vue2 比较成熟，方便其他同事参与和维护。 安装好之后，依赖包会自动安装
Vue配置多环境变量,原来是这么回事啊
技术前端，忠于热爱 @0.活在风浪里
01-01 2506
环境变量的默认值和自己添加环境变量 在main.js打印console.log(process.env); 会得到两个默认变量分别是BASE_URL:"" 和 NODE_ENV:"development", NODE_ENV:""可以用来区分环境是开发还是测试还是正式环境 如下图 1 .如果想要自己定义添加环境变量需要,在根目录下新建.env文件 以VUE_APP开头,例如:VUE_APP_MY_NAME="活在风浪",注意需要重新启动服务! 1......
在jsp页面中直接读取.properties文件中的配置
qq_42003702的博客
04-07 866
在jsp页面中直接读取.properties文件中的配置
初识etcd
LusaAsia的博客
09-07 264
初认etcd1. 什么是ETCD？2. ETCD有哪些特点？3. ETCD的架构4.raft算法简介5.异常处理5.etcd 数据存储总结 最近学习Kubernetes的时候经常遇到etcd这个组件，它是用于存储K8S的集群信息的，感觉和zookeeper功能有点相似的，于是自己去查了查这个东西。 1. 什么是ETCD？ A distributed, reliable key-value stor...
初识Vue.html
07-29
初识Vue.html
前端开发Vue基础篇：Day01 初识Vue.pdf
11-08
前端开发Vue基础篇Day01资料文档
初识 Vue.js 中的 *.Vue文件
11-27
什么是Vue.js？ vue.js是一套构建用户界面的渐进式框架，它采用自底向上增量开发的设计。（自底向上设计方法是根据系统功能要求，从具体的器件、逻辑部件或者相似系统开始，凭借设计者熟练的技巧和丰富的经验，通过...
vue 项目初识 路由 router.md
06-11
vue 项目初识 路由 router 并进行初步配置以及简单的组件实现，初学vue router可以参考
vue环境变量
weixin_42666092的博客
06-11 5058
1.mode 模式 设置后， --mode production,是在打包后生成的文件中启动触发， --mode development 是在开发环境下启动触发触发 模式设置，在package.json 的 scripts属性中设置的命令 development(开发环境) 模式用于 vue-cli-service serve test(测试) 模式用于 vue-cli-service test:unit production(生产环境) 模式用于 vue-cli-service build 和 vu
Vue设置代理
weixin_51140082的博客
03-10 1107
Vue设置代理 设置代理就是跨域 前提步骤 搭建前端框架 vue create study 搭建后端 1.全局命令：npm install express-generator -g 2.进入项目目录：express --view=ejs server 根据终端提示的信息： cd server npm install npm run start 总之，代理解决开发时候的一个跨域问题，由前端进行解决，这里不需要在用jsonp了 后端建立一个接口，用来测试跨域 在router/index.js里面添加内容 ro
vue动态设置页面title方法（解决app内嵌h5，ios获取不到title的问题）
weixin_34221332的博客
03-27 4655
2019独角兽企业重金招聘Python工程师标准>>> ...
vue 中使用.env文件配置全局环境变量
HHH917的博客
11-03 1292
.env 全局默认配置文件 .env.development 开发环境下的配置文件 .env.production 生产环境下的配置文件 使用在文件根目录下创建该文件。 其中，.env.development 与.env.production会覆盖.env 的全局属性。 .env.development 为npm run serve 即开发环境中加载。 .env.production 为npm run build 即生产环境中加载。 全局属性 自定义命名 VUE_APP_NAME = '' VUE_APP_
vue中使用.env文件配置全局变量
hnnd123的博客
06-17 1万+
首先根目录下创建. .env或者.env.production文件（生产环境）， .env.develpment文件（开发环境） 变量命名格式： 键值对形式 VUE_APP_NAME = value VUE_APP_是规定的命名格式，NAME是自定义的变量名。 通过： process.env.variableName 访问变量。 例如： data():{ return{ ...
vue pc 项目多环境配置(.env)
SLife4599的博客
07-16 911
没接触多环境配置前，感觉好高大上，真正操作后感觉也就那么回事，在此把自己遇到的问题和解决方案叙述一下，有不对的地方欢迎各位大佬指出。 什么是多环境配置,为什么要多环境配置? 最常见的多环境配置，就是开发环境配置,和生产环境配置(也就是上线的配置)，很多情况下我们开发环境下的域名，和一些配置项,和我们生产模式下的不同，这个时候就需要我们进行多环境配置，不然每次发版都要改一波数据多麻烦。另一种情况就是你两个项目是用的一套代码，但是最后又要分别打成不同的包，那么这个时候多环境配置就大大提升了开发效率。 .env
【Vue打包环境全局配置process.env.NODE_ENV和process.env.VUE_APP_ENV的用法】
qq_31629679的博客
07-10 2443
注：NODE_ENV=“production"不同的环境上线时，基本上都需要使用"production"环境，因为这里有个问题个人没有解决，如环境配置时使用其他的字段，例如"sit”，打包配置中的configureWebpack通过判断（process.env.NODE_ENV === “sit”）去掉log注释的插件可能不生效，即上线后同样会有log打印。.env.development: 开发环境的配置文件 lab pre 等 对应相对的环境 以此类推 其他几个分别对应不同的环境请求配置。
vue环境变量配置——process.env（详细）
热门推荐
yehaocheng520的博客
07-01 3万+
在用vue框架时，经常用到两种环境，一种是开发环境，就是本地开发时的环境，一种是生产环境，就是要发布到线上的环境。 平时开发是用生产环境的，如果发布到线上时，需要切换环境为线上。如果人为去切换也是可以的，但是会容易忘记，可以通过配置不同的运行命令来自动切换环境。 下面开始： 配置环境的实现原理 实现原理就是采用node.js顶层对象中的process.env（进程环境，返回一个包含用户环境信息的对象）属性，根据各个环境的配置文件区分和切换环境 具体实例 1. 安装依赖 npm install process
vue upgrade
最新发布
08-28
- *2* [小张张的前端学习笔记一---初识vue3](https://blog.csdn.net/qq_42052896/article/details/109483830)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值