vue的创建问题和axios问题

最新推荐文章于 2023-03-24 19:40:47 发布

ambizxzh

最新推荐文章于 2023-03-24 19:40:47 发布

阅读量578

点赞数

分类专栏： Java 文章标签： vue.js

本文链接：https://blog.csdn.net/ambizxzh/article/details/115041199

版权

本文介绍了在创建Vue项目时遇到的问题及其解决方案。在使用`vue init webpack`和`vue ui`创建项目时，应注意项目目录的选择，避免与已有Vue项目冲突。当在项目中遇到`axios is not defined`的警告时，需正确引入和使用全局的axios。解决方案包括确保axios已安装，并在main.js中正确引入，以便在Vue组件中调用。

摘要由CSDN通过智能技术生成

文章思路来源于网络以及自己的尝试和理解

使用命令行执行vue相关的npm命令的前提:下载nodejs，版本不要太旧,下载nodejs时会自动下载npm的相关的包,并在安装nodejs时注意环境变量(特别时对npm的环境变量的添加)的添加

vue项目创建的两种方法:
1,“windows+r” 输入 cmd，进入命令行,使用cd命令进入自己想要创建项目的文件夹, 执行"vue init webpack 项目名"。该方法创建的项目,运行项目的命令为 “npm run dev” 或 “cnpm run dev”,后者是设置过淘宝镜像的指令
2,同样进入命令行,进入想要创建项目的文件夹,执行" vue ui"。该方法创建的项目,运行项目的命令为 “npm run serve” 或 “cnpm run serve”,后者是设置过淘宝镜像的指令

问题1:使用命令行打开脚手架 vue ui来创建项目时,各项配置完成后,在最后选择创建时出现错误Cannot set property ‘context‘ of null
原因可能是你选择建立的工程在其他的vue工程下,这些工程可能是你之前使用vue init webpack xxx建立而成,并且所在目录有下载的node_modules之类的。
解决方法是,自己使用vue ui脚手架创建项目时,选择专门用于vue ui目录,比如上面那些使用vue init webpack xxx创建项目统一在projects_a文件夹下,那么使用脚手架vue ui 创建的项目，则选择在projects_b的目录下创建。
即总的来说，两个工作空间,分别用来放置以上两种不同创建方式的项目

问题2:[Vue warn]: Error in created hook: "ReferenceError: axios is not defined
这本质上是全局变量问题，在axios已下载的情况下,main.js中引入axios,
自己写vue文件中调用axios时,要发现main.js的中的ax