使用node创建服务器 运行vue打包的文件

vueproject打包操作

npm build
vue project打包之后默认在dist目录下编译生成静态资源
如果想在正式部署前测试,可以依赖node-static直接运行

安装node-static依赖

npm install -g node-static

或者编写node脚本
在根目录下新建node-static-start.js

var static = require('node-static');

//
// Create a node-static server instance to serve the './public' folder
//
var file = new static.Server('./dist');

require('http').createServer(function (request, response) {
  request.addListener('end', function () {
    //
    // Serve files!
    //
    file.serve(request, response);
  }).resume();
}).listen(8080);

运行
node node-static-start.js

注意

如果没有找到node-static,可以写全路径或者在package.json中引入相应的依赖并install

高级

如果想自定义的话,可以查看具体的文档
https://www.npmjs.com/package/node-static

原文地址:https://www.cnblogs.com/chywx/p/12167911.html

时间: 2024-08-30 16:50:27

使用node创建服务器 运行vue打包的文件的相关文章

springBoot(1):工程的创建、运行、打包发布

一.环境要求 1.JDK:1.8+ 2.maven:3.0.5+ 二.创建工程 使用Spring Initializr新建项目,注意Initializr Service URL必须为https://start.spring.io 2.1.选择类型 上面Next后,注意Type为Maven Project,Java Version为1.8,Packaging为Jar. 2.2.选择Spring Boot版本和组件 选择Spring Boot版本和spring boot组件 2.3.输入项目名称 这

要命系列-运行vue打包后的文件

如何运行打包后的dist文件看看效果,比如路径什么的有没有问题之类的,那就需要在部署前看看页面有没有崩坏. 废话不多说,看图(ps本人用的是vue-cli4) 首先npm install -g serve(全局安装),如果你网速不大好,用淘宝镜像cnpm安装也可以 再来就是在这一级目录下直接serve -s dist 就可以了 然后就可以了~ 是不是觉得很简单很假,,其实这就是不啃vue文档的后果,度娘一搜前几页基本都是安装express-generator生成器什么的~太可怕了..刚弄完vue

关于cordova+vue打包apk文件无法访问数据接口

作为一个cordova小白,我按照官方文档和网上资料完成了讲vue文件打包到cordova中并打包成apk文件,完成了一个简单app的制作,当我正陶醉于可以自己完成一个app的时候突然发现,我的app居然无法访问服务器数据,这时我疯狂地去找解决方案,然而可能是我的搜索能力太差了,一直没有找到解决方法,最后当我即将放弃的时候发现了一个方法,觉得它是比较靠谱的,果不其然,解决了我的问题. 出现这种原因是因为我安装的android sdk是属于高版本的,在高版本的android sdk中默认开启了对非

在腾讯云(windows)上搭建node.js服务器

1:安装Node.js 使用MSI文件,并按照提示安装node.js,默认情况下,安装程序将 Node.js 发行到 C:\Program Files\nodejs. 但这里我们需要修改安装路径到:D:\yiibai_worksp\nodejs,并将 D:\yiibai_worksp\nodejs 目录添加到Window系统的PATH环境变量中.重新启动打开命令提示符,以使更改生效. 第一步:双击下载的  “node-v0.12.7-x64.msi" 文件,出现提示安装界面: 第二步:选择安装目

VUE:项目的创建、编写、打包及规范检查

VUE:项目的创建.编写及打包 项目的创建 使用 vue-cli 创建模板项目(官方提供的脚手架工具) https://github.com/vuejs/vue-cli npm install -g vue-cli vue init webpack vue_demo cd vue_demo npm install npm run dev 访问:http://localhost:8080/ 第一个命令需要有npm.可以使用node -v查看是否已经安装,如没有可用下面的传送门 npm是什么及其安装

使用Python或Node创建简单web服务器和FTP服务器实现文件共享

有时我们需要给旁边的人传一些文件,如果大家都用windows或者mac,那么皆大欢喜,直接用QQ传就可以了,但如果有个不省心的家伙用linux怎么办?可以用网盘或者U盘,或者另外一种更酷一些的方法来实现文件共享. 使用Python(2.6-2.7)创建简单的web服务器 进入某目录,执行 python -m SimpleHTTPServer port 即可创建一个局域网内可用的web服务器.使用ip:port进行访问. 使用Node创建简单的web服务器 首先执行一下命令安装http-serve

node.js中使用net模块创建服务器和客户端

1.node.js中net模块创建服务器(net.createServer) // 将net模块 引入进来 var net = require("net"); // 创建一个net.Server用来监听,当连接进来的时候,就会调用我们的函数 // client_sock,就是我们的与客户端通讯建立连接配对的socket // client_sock 就是与客户端通讯的net.Socket var server = net.createServer(function(client_soc

Node.js创建服务器和模拟客户端请求

1. 何为服务器 服务器是某种长期运行,等待请求资源的应用程序 2. 常见Web应用架构 3. 如何创建web服务器 Web服务器是使用HTTP协议,等待客户端连接后请求资源的驻守应用程序:HTTP协议是应用层的协议,在传输层依然是使用TCP或者UDP协议,一般来说是使用Socket来绑定TCP或者UDP,总的来说创建服务器就是创建一个Socket: 创建服务器的流程: (1)创建Socket (2)为Socket绑定参数 (3)Socket等候请求 (4)处理请求,返回资源 (5)关闭资源 4

Android入门(创建、编译、运行、打包、安装)

一.创建Android项目 1.选择Emtpy Activity=>Next 2.配置项目 输入Name(名称) Package.name(包名) Save location(保存位置) Language(语言) Minimum API level(最低的API级别) 注意:路径和包名不能有中文 3.项目目录结构 4.运行项目 虚拟机运行 三.打包 选择Build =>Build Bundle(s)/APKS 创建Key 安装成功后 原文地址:https://www.cnblogs.com/v