前端：没有部署React/Vue项目打包后的代码如何在本地运行？如何查看前端web项目的运行效果？开发时本地预览：一般情况下，脚手架可以通过配置webpack的webpack-dev-server，安装npmi-Dwebpack-dev-server直接运行。在命令行运行npxwebpackserve进行打包构建。这个时候直接运行npnrunbuild就可以运行并且打包代码不会报错，但是打包完成后会看到这样的提示。打包后会生成一个dist目录。一般直接打开index.html，就会在浏览器中看到里面的内容。然而，我惊奇地发现网页是空白的，没有任何痕迹。打开控制台，看到console选项卡下出现404forvariousresourcesolutionnotfoundserverhttps://www.npmjs.com/package...http-serverhttps://www.npmjs.com/package...live-serverhttps://www.npmjs.com/package...本地搭建express服务器使用nginx本地服务器，前三种基本使用方法相同，都是使用插件这里以http-server为example展开详情tips:再加上HTTPS的支持，使得该服务器成为前端测试的理想选择。流程：全局安装–>直接在打包的dist文件夹运行graphLRA【全局安装】--http-serve-->B（打包的`dist`文件夹直接运行）http-server插件可以简单的在本地创建一个服务，执行以下命令全局安装live-server插件npminstall-ghttp-server2，在dist文件夹下（打包成功后刚出文件夹）终端输入http-server默认监听端口8080开启浏览器，输入localhost:8080预览搭建expresslocalservergraph的过程TBA[全局安装]--npmiexpress-generator-g-->C(Createproject)--expressexpress-projec-->D(复制包代码）-->E（启动项目）--npmrunstart-->F（浏览器视图）1、安装express-generatornpmiexpress-generator-g2，创建express项目expressexpress-project3，进入项目directorycdexpress-project此时可以看到express-project文件夹内容如下4、安装related项目依赖npminstall然后打包将dist文件夹下的所有文件复制到public文件夹下5.启动项目npmrunstart6.在浏览器中查看，在地址栏输入localhost:3000运行使用nginx本地服务器1.下载nginx直接到官网下载http://nginx.org/en/download.htm2.解压。解压后目录如下2、打开该目录的html文件夹，删除里面的内容，将打包后的dist文件夹中的内容全部复制到html文件夹下此时html文件夹内容如下3.打开conf文件夹，找到nginx.conf文件，用编辑器打开，在http对象中找到server，把这部分改掉，其他的不要动，listen是4号端口，启动项目double-点击nginx.exe6.浏览器查看，地址栏输入localhost:7080
