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 | 免费国产一区 | 久久久www成人免费无遮挡大片 | 宅男伊人 | 久久午夜国产精品www忘忧草 | 久久久久久高潮国产精品视 | 亚洲视频在线观看免费 | 国产视频一区二区 | 日日操天天射 | 国产精品久久久久久久一区探花 | 久久91精品国产一区二区三区 | 欧美成人第一页 | 欧美特级黄色 | 国产玖玖| 一级毛片免费看 | 伦理午夜电影免费观看 | 成人羞羞国产免费视频 | 日韩欧美亚洲 | 国产精品久久久久久久久久久久 | 成人精品视频 | 国产成人一区二区 | 国产精品久久久久久久久久免费看 | 成人免费在线视频 | 免费av观看 | 日韩在线免费播放 | 色综合久久88色综合天天 | 色综合国产 | 涩涩视频在线观看免费 | 久久伊人久久 | 日韩午夜激情 | 亚洲欧美一区二区在线观看 | 久久精品久久久久久 | 欧美国产日韩在线观看 | 国产精品久久久久9999鸭 | 国产一区成人 | 欧美理伦片在线播放 | 国产亚洲欧美在线视频 | 日韩一区二区在线视频 |