前端环境配置及后端接口调用

一、安装nvm 

nvm全名node.js version management,顾名思义是一个nodejs的版本管理工具。通过它可以安装和切换不同版本的nodejs。下面列出下载、安装及使用方法。

安装地址:https://github.com/coreybutler/nvm-windows/releaseshttps://github.com/coreybutler/nvm-windows/releases前端环境配置及后端接口调用_第1张图片

 点击下载并解压安装即可。

前端环境配置及后端接口调用_第2张图片

前端环境配置及后端接口调用_第3张图片

前端环境配置及后端接口调用_第4张图片

 

前端环境配置及后端接口调用_第5张图片

点击install

接着我们打开终端:

windows+R -->cmd

前端环境配置及后端接口调用_第6张图片

这里可以看到,nvm已经安装好了。

下一步我们来安装node,

输入命令  

 

 这里等一会儿就会安装好。

安装好后,输入命令可查看当前安装的node版本。

到这里nvm及node就安装好了。

二、前端接口调用

1、src/api  这里封装api

  (1)在此文件夹下新建login.js    写入代码。这里会写到api的路由,访问方式,表单数据。

(2)再在此文件夹下的index.js中注册并输出。 

2、 src/router/index.js

在这里添加浏览器访问的路由,并以组件输出视图页面。

3、src/views下新建文件夹,新建vue文件,进行页面渲染。

至此,前端就已完成了一次成功的后端接口调用。

三、node 安装问题解决

前端环境配置及后端接口调用_第7张图片

 1、首先查看安装node的目录是否有中文字符或空格。【若有,则修改,若无看下一步】

2、若目录没有问题,则将cmd以管理员身份运行,重新输入命令,就好了。

你可能感兴趣的:(前端,后端,npm,php,vue.js)