vue禁止输入地址栏直接访问页面_Vue项目前的准备工作

项目第一步，安装phpstudy

1）下载phpstudy软件解压并安装。

2）选择自己想要安装的路径，（c盘除外）别的盘在安装的时候最好新建一个phpstudy的文件夹，安装在这个下面。

3）到那个phpStudy启动界面。点击启动。如果出现如下图所示，则表示正常启动。

4）然后再点击MYSQL管理器，找到第二个选项，应该是phpMyAdmin，然后进去一个页面，

5）然后输入用户名和密码。皆为root。成功可进入一个页面，如果未成功，那就先把之前安装过的卸载了，再重新安装即可。卸载的过程是直接把phpstudy退出，然后找到那个对应的phpstudy文件夹就行了。

数据库

1）创建数据库

2）导入本地数据。

3）出现导入不成功问题，解决办法。

首先，找到phpstudy的安装路径。

然后进去所对应的版本文件夹，找到如图文件，用编辑器打开。

找到如下图，修改之后，再保存。

然后重启一下那个数据页面，再试一下，重新导入一下数据库。（成功导入）

为保险起见，最好去phpstudy软件那个其他选项菜单>打开文件位置>php>找到对应的版本文件夹>然后再找到php.ini,然后修改相应的位置。如果以后数据库出现问题，那么直接在操作里面找到删除数据库，然后重新导入即可。

api-server接口

1）找到本地的api-server解压，然后再如图所示，安装。

安装完成后会出现如图：

2）然后再找到，编辑器打开，修改如图所示。

3）接着再启动app.js服务（后台服务器）。服务器启动，不要关闭dos命令框。

项目的安装(复制这个myapp2-noeslint，改名shangcheng)

1）找到项目的路径，点击地址栏输入cmd进入命令框，然后输入npm install安装

2）运行项目用npm run dev.

接下来就开始可以进行vue项目的编写了。