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就是項目根路徑。