vue-cli3前端項目如何部署到線上


1.新建vue.config.js文件夾,輸入以下代碼:

module.exports = {
    assetsDir: 'static',
    parallel: false,
    publicPath: './'
},
注意將public目錄下的圖片放到static目錄下。

2.項目書寫調試完成之后,使用npm run build 命令打包生成dist文件夾。可修改dist文件夾的名字。

3.使用部署工具FileZilla,輸入

主機名:ftp://49.234.205.158:21
賬號:quxun_co

密碼:。。。最后連接。

4.左右兩邊分為本地站點和遠程站點,將左邊的dist文件夾脫到右邊即可。此時就意味着將打包后的文件(包括static,index.html,favicon.ico等)放到了ftp服務器的dist文件夾下。

dist文件夾就是項目的根目錄,訪問的地址為https://quxun.co/dist/index.

如果項目的根目錄不是dist,而是ftp的其他文件夾(例shexianghui),不可以直接將dist文件夾拖過去,可以修改dist文件夾名為shexianghui再拖到右邊,或者將dist文件夾中的所有子文件(包括static,index.html,favicon.ico等)拖到shexianghui文件夾中,

此時線上的訪問路徑就是

https://quxun.co/dist/shexianghui/index,shexianghui就是項目根路徑。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM