美文网首页
使用phpstudy模拟上线Vue项目

使用phpstudy模拟上线Vue项目

作者: 李昂李三光 | 来源:发表于2018-10-30 11:22 被阅读0次

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. 到浏览器上输入之前定义的域名,就可以模拟项目的上线了 上线

相关文章

网友评论

      本文标题:使用phpstudy模拟上线Vue项目

      本文链接:https://www.haomeiwen.com/subject/tzowtqtx.html