av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

Vue打包部署到Nginx時,css樣式不生效的解決方式

瀏覽:183日期:2022-12-18 18:19:51

今天在將使用Vue-cli編寫的前端項目部署到Nginx的時候發生了一件很困擾的問題:

Vue-cli項目在本地 使用 npm run dev的時候,頁面樣式是可以正常加載出來的,但是我將Vue-cli項目通過npm run build 打包生成的 dist 目錄部署到Nginx之后,通過訪問是無法加載出來樣式的。

于是乎,在網上開始尋找資料,發現大部分前輩的解決方案都是在,config的文件夾中的index.js

assetsRoot: path.resolve(__dirname, ’../dist’),assetsSubDirectory: ’static’,assetsPublicPath: ’./’,

把assetsPUblicPath修改為 ./

但是,我修改完畢之后呢,還是重新打包前端文件,重啟Nginx服務器,但是還是顯示不出來樣式,不經意的看了一眼瀏覽器調試工具中的Console,發現:

Vue打包部署到Nginx時,css樣式不生效的解決方式

哎呀,這不是前端文件在被瀏覽器進行渲染的時候,是當做普通文本內容來進行渲染了,并不是按照js、css來進行渲染,是類型的錯誤,于是乎,翻閱資料,是Nginx配置的問題,只需要在Nginx配置文件中加上以下兩行就搞定了問題:

include mime.types;

default_type application/octet-stream;

重啟Nginx服務,嗯哼哼,css樣式出來了,完事,~~~~~

以上這篇Vue打包部署到Nginx時,css樣式不生效的解決方式就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持好吧啦網。

標簽: Vue
主站蜘蛛池模板: 国产成人精品久久二区二区 | 亚洲一区二区成人 | 久久久久国产一区二区三区四区 | 福利一区二区 | av一区在线观看 | 国产日韩精品视频 | 国产精品成人一区 | 国精产品一区一区三区免费完 | 99re视频| 欧美日韩一 | 国产精品成av人在线视午夜片 | 亚洲精品成人av久久 | 久久的色 | 精品国产18久久久久久二百 | 国产91在线观看 | 欧美午夜在线 | 日日骚视频 | 精品在线播放 | 日日摸夜夜爽人人添av | 久久久久久久久久久久久久久久久久久久 | 一区二区三区国产 | 中文成人在线 | 天天影视网天天综合色在线播放 | 无毛av| 午夜爱爱毛片xxxx视频免费看 | 国产a一区二区 | 国产精品精品视频一区二区三区 | 日韩欧美精品 | av中文字幕在线观看 | 国产精品综合 | 国产激情自拍视频 | 国产一区二区三区 | 日韩欧美国产精品一区二区三区 | 毛片a区 | 中文字幕在线视频网站 | 欧美精品一区二区三区在线播放 | 99久久99| 小早川怜子xxxxaⅴ在线 | 国产精品久久久久久久久久免费看 | 欧美一级精品片在线看 | 精品久久久久久18免费网站 |