使用phpstudy模拟上线Vue项目

Vue项目

1. 用命令行运行Vue项目的根目录，输入以下命令行进行项目打包

npm run build

2. 当命令行出现绿色的done就证明打包成功
   打包成功
3. 打包成功后，可以看到项目里面多了一个dist文件夹，这个文件夹就是模拟上线的目标文件夹

phpstudy

1. 打开其他选项菜单 其他选项菜单
2. 点击站点域名管理 站点域名管理
3. 在站点管理上，网站域自定义名字。网站目打开需要部署的项目的dist文件夹，网络端一般填80，然后按新增，等左边有了相应的信息后点击保存设置并生成配置文件 站点管理
4. 回到首页后，点击其他选项菜单，点击打开host 打开host

5. 写入最后一句，保存

127.0.0.1(本地) 123.com

hosts

6. 启动phpstudy 启动

last. 到浏览器上输入之前定义的域名，就可以模拟项目的上线了 上线