VS Code中live server插件相关问题记录

一、基本概念

live server 插件的简介为 Launch a development local Server with live reload feature for static & dynamic pages.中文翻译过来大概是 启动具有静态和动态页面实时重新加载功能的开发本地服务器。其主要作用是可以实时根据代码变化对页面重新加载，无需自己动手刷新。本人从零基础开始自学前端开发，通过黑马pink老师的教程中下载了这一插件，在应用过程中出现问题，在此记录下来。

二、问题描述

浏览器：chrome

开发项目：品优购项目

品优购项目

具体问题：

通过vscode中的live server插件打开网页时网页各个元素可完整呈现，而直接从本地html文件打开时网页出现问题。

例：

通过vscode的live server插件打开index.html文件，一且正常

 直接打开index.html，所有图片无法显示

 

通过vscode的live server插件打开list.html,一切正常 

直接打开list.html文件，common.css和base.css样式正常，list.css样式未显示

通过vscode的live server插件打开register.html,一切正常

直接打开redister.html文件，所有样式都未显示

以上就是具体问题，原因暂时未知。