首页 > Web开发 > 详细

Vue项目发布的问题--http://localhost:8088/static/fonts/fontawesome-webfont.af7ae50.woff2

时间:2020-07-24 14:25:53      阅读:98      评论:0      收藏:0      [点我收藏+]

问题:ngnix将8080转成80对外访问,找不对woff2等文件

技术分享图片

一\ 搭建环境

ngnix-->conf中
server {
		listen	80;
		server_name 10.9.240.9;

		location / {
			proxy_pass   http://localhost:8080;
					}
		}	  

二\解决办法

https://github.com/vuejs/vue-cli/issues/179
style-loder 无法自己设置publicpath, 所以只能在ExtractTextPlugin后的css目录路径 和 webpack.base.conf做文章的,
解決的办法有两个,

一个在办法是在webpack.base.conf 里设置assetsPublicPath:‘/‘ 根目录,assetsSubDirectory: ‘./在服务器中的相对路径/static‘,
config/index.js
    assetsSubDirectory: ‘AbsolutePath/projectPath/static‘,
    assetsPublicPath: ‘/‘,
还有一个是在ExtractTextPlugin,css目录路径,把脱离出来的css路径裸在项目路径,在webpack.prod.conf中设置,
    // 不需要提到static/css 中
    //new ExtractTextPlugin(utils.assetsPath(‘css/[name].[contenthash].css‘)),  
    new ExtractTextPlugin(‘[name].[contenthash].css‘),
config/index.js

  assetsSubDirectory: ‘static‘,
    assetsPublicPath: ‘./‘,
两种方法都可以解决css 中img问题,
在知道项目的绝对路径可以用一方法,
不知道项目的绝对路径可以用二方法,(只是css文件裸在youproject中)^-^

三\实际操作 

技术分享图片

技术分享图片

原因说明:这样的话,编译的index.html中的引用就是通过相对路径来引用的,如果写成10.9.111.111 就是绝对路径来引用的

atzhang

Vue项目发布的问题--http://localhost:8088/static/fonts/fontawesome-webfont.af7ae50.woff2

原文:https://www.cnblogs.com/zytcomeon/p/13371346.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!