經歷了3個小時教訓,還是自己總結一下吧,致未來傻x的自己。
第一步,打開b站。搜索【vue打包】找到一個視頻教程
前端Vue項目打包部署實戰教程_嗶哩嗶哩_bilibili
這步是在看不懂下面操作的情況下用的
第一步:找到nginx的配置文件
然后在里面添加這個
server {listen 9000; #端口server_name localhost;location / {root /yjdata/www/admin/dist/; # 網站的靜態資源目錄,css,js,image文件等index index.html; # 網站首頁}}
端口和靜態文件路徑改成自己的路徑。
然后,重啟nginx
第二步打包Vue項目
使用vue打包命令,生成dist文件夾:
npm run build
上傳服務器
第三步
好像沒有第三步