Vue項目
- 用命令行運行Vue項目的根目錄,輸入以下命令行進行項目打包
npm run build
- 當(dāng)命令行出現(xiàn)綠色的
done
就證明打包成功
打包成功 - 打包成功后牲平,可以看到項目里面多了一個
dist
文件夾堤框,這個文件夾就是模擬上線的目標(biāo)文件夾
phpstudy
-
打開其他選項菜單 其他選項菜單
-
點擊站點域名管理站點域名管理
-
在站點管理上,網(wǎng)站域自定義名字纵柿。網(wǎng)站目打開需要部署的項目的dist文件夾胰锌,網(wǎng)絡(luò)端一般填80,然后按新增藐窄,等左邊有了相應(yīng)的信息后點擊保存設(shè)置并生成配置文件站點管理
-
回到首頁后资昧,點擊其他選項菜單,點擊打開host打開host
寫入最后一句荆忍,保存
127.0.0.1(本地) 123.com
hosts
-
啟動phpstudy啟動
上線