使用phpstudy模拟上线Vue项目

Vue项目

  1. 用命令行运行Vue项目的根目录，输入以下命令行进行项目打包
npm run build
  1. 当命令行出现绿色的done就证明打包成功
    打包成功
  2. 打包成功后，可以看到项目里面多了一个dist文件夹，这个文件夹就是模拟上线的目标文件夹

phpstudy

  1. 打开其他选项菜单
    其他选项菜单

  2. 点击站点域名管理
    站点域名管理

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

  4. 回到首页后，点击其他选项菜单，点击打开host
    打开host

  5. 写入最后一句，保存

127.0.0.1(本地) 123.com
hosts

  1. 启动phpstudy
    启动

last. 到浏览器上输入之前定义的域名，就可以模拟项目的上线了
上线
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容