使用node创建一个服务器,运行vue打包以后的文件
原理就是使用node里的express框架,搭建一个服务器,然后访问dist文件夹里的文件
prod.server.js
 var express = require('express')
 var compression = require('compression')
 var config = require('./config/index')
 var axios = require('axios')
 var port = process.env.PORT || config.build.port
 var app = express()
 var apiRoutes = express.Router()
 apiRoutes.get('/getDiscList', function (req, res) {
   var url = 'https://c.y.qq.com/splcloud/fcgi-bin/fcg_get_diss_by_tag.fcg'
   axios.get(url, {
     headers: {
       referer: 'https://c.y.qq.com/',
       host: 'c.y.qq.com'
     },
     params: req.query
   }).then((response) => {
     res.json(response.data)
   }).catch((e) => {
     console.log(e)
   })
 })
 apiRoutes.get('/lyric', function (req, res) {
   var url = 'https://c.y.qq.com/lyric/fcgi-bin/fcg_query_lyric_new.fcg'
   axios.get(url, {
     headers: {
       referer: 'https://c.y.qq.com/',
       host: 'c.y.qq.com'
     },
     params: req.query
   }).then((response) => {
     var ret = response.data
     if (typeof ret === 'string') {
       var reg = /^\w+\(({[^\(\)]+})\)$/
       var matches = response.data.match(reg)
       if (matches) {
         ret = JSON.parse(matches[])
       }
     }
     res.json(ret)
   }).catch((e) => {
     console.log(e)
   })
 })
 app.use('/api', apiRoutes)
 app.use(compression())
 app.use(express.static('./dist'))
 module.exports = app.listen(port, function (err) {
   if (err) {
     console.log(err)
     return
   }
   console.log('Listening at http://localhost:' + port + '\n')
 })
这个是Vue 2.0 高级实战-开发移动端音乐 WebApp里的课程

使用node创建一个服务器,运行vue打包以后的文件的更多相关文章
- node创建一个简单的web服务
		本文将如何用node创建一个简单的web服务,过程也很简单呢~ 开始之前要先安装node.js 1.创建一个最简单的服务 // server.js const http = require('http ... 
- 使用node-static运行vue打包文件dist
		vue打包后的文件dist,如果想上线之前查看效果,方法如下: npm install -g node-static 进入到dist文件夹,运行static命令 打开上面地址 
- 解决使用vue打包时vendor文件过大或者是app.js文件很大的问题
		这篇文章主要介绍了使用vue打包时vendor文件过大或者是app.js文件很大问题的解决方法,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下 第一次使用vue2.0开发,之前都是用的angu ... 
- 如何创建一个新的vue项目
		一.cnpm安装 1.百度node官网,进入官网下载安装包安装好node环境 2.成功后打开cmd命令行工具,执行node-v命令,查看node版本号,如果能输出版本号说明安装成功 3.推荐使用淘宝 ... 
- 创建一个自己的Vue UI组件库,并将它发布在npm上
		本文仅限于入门级,没有成规模制作,希望能对你有所帮助. 因为在开发多个项目中可能会用到同一个组件,那么我们通过复制粘贴的形式更新,无异于是笨拙的,我们可以通过上传到npm后,不断迭代npm包来实现更新 ... 
- nodejs学习笔记<二> 使用node创建基础服务器
		创建服务器的 server.js 内容. var http = require("http"); // 引用http模块 http.createServer(function(re ... 
- 用idea 创建一个spring小demo,基于xml文件配置
		1.首先,File->new->project ,进入新增项目页面 或者在 2.勾选spring,然后点击下一步 3.修改项目名称和项目位置 进入页面后 5.创建一个spring配置文件 ... 
- 01_创建一个新的activity&activity配置清单文件
		今天开始学四大组件.今天是学Activity,然后是广播接收者,然后是服务,然后是内容提供者.四大组件,咱们一天一个.Activity就是跟用户交互的界面,大部分的应用都不会只有这么一个界面.创建多个 ... 
- 使用Node.js简单创建一个服务器
		首先,我们要了解Node.js不是一种语言,它只是一个除了浏览器之外的,可以运行js的环境. 其次,Node能做些什么 ? web服务器. 命令行工具. 网络爬虫. 桌面应用程序开发等 3.接下 ... 
随机推荐
- linux 获取帮助文档
			在linux中遇到命令不知道如何使用,可以用man或info来查看. man -f 与 whatis命令是相同的. man -k 与apropos命令是相同的. 而这两个命令又很类似,都是去搜索,找到 ... 
- Spring之事务操作(注解)
			事务操作步骤: <!-- 第一步.配置事务管理器 --> <bean id="transactionManager" class="org.spring ... 
- ubuntu14.04如何设置静态IP的方法
			第一步: 配置静态IP地址: 打开/etc/network/interfaces文件,内容为 auto lo iface lo inet loopback auto eth0 iface eth0 i ... 
- Day18-前端和后端怎么区分
			前端 - 通常是针对浏览器而开发的,是在浏览器端运行的程序,而后端 - 针对的是服务器,准确的来说应该是服务器端开发.前端开发偏向于用户体验,比较直观,服务器端开发偏向于性能. 前端和后端指的是网站建 ... 
- MT【187】余弦的线性组合
			已知$\alpha+\beta+\gamma=\pi,(\alpha,\beta,\gamma\ge0)$ 求:$3\cos\alpha+4\cos\beta+5\cos\gamma$的最大值____ ... 
- Linux SSH免登陆配置步骤
			[jans@centos2 ~]# cd ~[jans@centos2 ~]# ssh-keygen -t rsa //生成rsa加密的公钥和密钥[jans@centos2 ~]# cat .ssh ... 
- 《剑指offer》— JavaScript(31)整数中1出现的次数(从1到n整数中1出现的次数)
			整数中1出现的次数(从1到n整数中1出现的次数) 题目描述 求出1~13的整数中1出现的次数,并算出100~1300的整数中1出现的次数?为此他特别数了一下1~13中包含1的数字有1.10.11.12 ... 
- Qt error ------ 'XXX' has not been declared
			1.头文件没加 2.调用函数者的头文件在XXX头文件的下方 
- 金融量化分析【day110】:Pandas-DataFrame读取与写入
			一.DataFrame DataFrame是一个表格型的数据结构,含有一组有序的列 DataFrame可以被看作是有Series组成的字典并且工用一个索引 1.创建方式 pd.DataFrame({' ... 
- Linux问题集锦
			一些会遇到的问题,我会不断更新问题集锦~ 1.vi / vim保存文件时遇到的问题:E212: Can't open file for writing 在vi / vim下输入w或wq!保存编辑的文 ... 
