基于node搭建jQuery前端项目

最新推荐文章于 2024-08-25 07:08:20 发布

封闭火车

最新推荐文章于 2024-08-25 07:08:20 发布

阅读量927

点赞数 1

分类专栏： # Js 文章标签： js javascript nodejs

本文链接：https://blog.csdn.net/growing1224/article/details/118308434

版权

Js 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

基于node搭建jQuery前端项目

- 基于node的jQuery项目搭建
- - 安装node和Vue
  - 开始搭建

基于node的jQuery项目搭建

安装node和Vue

参考 Vue.js开发环境搭建 http://dwiki.cmbchina.cn/pages/viewpage.action?pageId=130124881

开始搭建

创建一个项目文件夹
进入文件夹，创建文件package.json，执行npm
init。一步一步填入你的项目相关信息。记得最后填yes才会生成。
用npm安装express 和 http-proxy-middleware

npm install express --save
npm install http-proxy-middleware --save
npm install

编写index.html

<!DOCTYPE html>
<html>
<head>
 <title>你好jQuery</title>
 <link rel="stylesheet" type="text/css" href="css/bootstrap.css">
</head>
<body>
 <div>你好jQuery</div>
</div>
</body>
</html>

编写index.js

//引用模块
var express = require('express')
const { createProxyMiddleware } = require('http-proxy-middleware')
var app  = express();
//静态资源直接访问
//如dist/js/jquery.js  访问路径为 http://localhost/js/jquery.js 在script标签中src="js/jquery.js"
app.use(express.static('src/assets'));
app.use(express.static('src/pages/infocol'));

//api子目录下的都是用8080代理 
app.use(
    "/api",
    createProxyMiddleware(
        {
            target: "http://localhost:25050",
            changeOrigin: true,
            pathRewrite: {
            "/api": ""
        }
        }
    )
);
 app.get('/index.html', function (req, res) {
    res.sendFile( __dirname + "/src/pages/" + "index.html" ); });


app.listen(8080,function(){
 console.log('connect successfully')
});