打包后的项目静态资源无法使用,导致页面空白
静态资源无法使用,那就说明项目打包后,图片和其他静态资源文件相对路径不对,此时找到config里面的index.js,在build模块下加入assetsPublicPath: './', 如下图所示,
server { listen 80; #监听80端口 server_name audio; #设置server_name名为audio,切记不能与配置文件中的其他server_name重名 # 堆代码 duidaima.com location / { try_files $uri $uri/ /index.html; #使用history模式进行路由 root C:\phpstudy_pro\WWW; #将打包好的dist文件夹中的内容放进WWW文件夹中 autoindex on; #开启nginx目录浏览功能 autoindex_exact_size off; #文件大小从KB开始显示 charset utf-8; #显示中文 add_header 'Access-Control-Allow-Origin' '*'; #允许来自所有的访问地址 add_header 'Access-Control-Allow-Credentials' 'true'; add_header 'Access-Control-Allow-Methods' 'GET, PUT, POST, DELETE, OPTIONS'; #支持请求方式 add_header 'Access-Control-Allow-Headers' 'Content-Type,*'; add_header 'Access-Control-Allow-Headers' 'x_hztz_token,*'; } error_page 500 502 503 504 /50x.html; location = /50x.html { root html; } }注意:配置完nginx后使用命令进行重载
nginx -s reload或手动重启nginx服务!