部署一个前后端分离的项目----前端代码本地调试(来自一个只了解到node.js的小白的吐槽)

本文是一位初学者对部署前后端分离项目过程中遇到的问题进行的吐槽和总结,主要包括安装环境、配置nginx、本地测试等方面的难点。通过webpack打包前端代码,使用nginx进行反向代理解决资源访问问题,同时分享了在node版本选择、静态资源404、跨域等问题上的解决方案。
摘要由CSDN通过智能技术生成

吐槽ing

初来乍到的小白的我表示会js,学了一点node.js,但是我现在还停留在分不清vue.js和node.js的层次上,虽然做了几个前端的页面,但是那都是用纯生js+html+css写的好吧!!!虽然加了一点html5和Jquery的技术

而且,我表示!!后面的关于前端的技术还没学,,~~~没办法啊,,!调试一个项目,没有前端人员的技术支持!!!只能自力更生了!无限百度+视频,终于,初步解决了一个一个纯纯前端的代码,(苦逼的我还要去写后台的代码,还要和前端的url对应上,真是个苦逼的生活,吐槽ing)

ps:从github上找项目,一定要找全套的(这年头的项目好多都是前后端分离的),而且!!!改别人的代码好累!!!~~~~

========================================分割线==============================================

以上是我的吐槽,不吐槽难受,!下面开始简单总结一下我的本地测试。

第一步:安装环境-这里不多解释

1.我现在的是4.x版本的node.js(因为测试过,8.x的不能用webpack打包)

2.全局安装webpack  (-g就是表示全局安装,jdk配置环境变量了解下啊!!)

  npm install -g webpack@^1.15.0

3、全局安装webpack-dev-server

  npm install -g webpack-dev-server@^1.16.5

4.在项根路径执行npm初始化

  npm install  --registry=https://registry.npm.taobao.org

  这里使用淘宝的镜像,就是快!

5.这里就基本ok了,剩下启动项目了

ps:关于node配置这里有很多东西可以写(比如package.json,webpack.conf.js),但是毕竟我不是专业弄前端的,所有就能省则省,如何我时间充裕&#x

  • 5
    点赞
  • 15
    收藏
    觉得还不错? 一键收藏
  • 11
    评论
好的,下面我将为您介绍如何使用 Node.js 和 Express 框架搭建一个后台服务器,并实现路由模块化。 1. 安装 Node.js 首先需要在您的电脑上安装 Node.js。您可以在官网(https://nodejs.org/)下载并安装最新版的 Node.js。 2. 初始化项目 打开命令行工具,进入您想要创建项目的目录,执行以下命令: ``` npm init -y ``` 这个命令将会初始化一个新的 Node.js 项目,并在 package.json 文件中添加一些基本配置。 3. 安装 Express 框架 执行以下命令来安装 Express 框架: ``` npm install express ``` 4. 编写服务器代码项目根目录下,创建一个名为 `app.js` 的文件,并编写以下代码: ```javascript const express = require('express'); const app = express(); // 路由模块化 const userRouter = require('./routes/user'); app.use('/user', userRouter); app.listen(3000, () => { console.log('Server is running on port 3000!'); }); ``` 以上代码使用 `require` 引入了 Express 模块,并创建了一个 Express 应用程序实例。然后,我们通过 `app.use` 方法来加载路由模块。 5. 创建路由模块 在项目根目录下,创建一个名为 `routes` 的文件夹,在 `routes` 文件夹下创建一个名为 `user.js` 的文件,并编写以下代码: ```javascript const express = require('express'); const router = express.Router(); router.get('/', (req, res) => { res.send('Hello World!'); }); module.exports = router; ``` 以上代码创建了一个 Express 路由实例,并使用 `router.get` 方法来定义一个 GET 请求的路由。在路由处理函数中,我们使用 `res.send` 方法来发送一个字符串作为响应。 6. 运行服务器 在命令行工具中执行以下命令来启动服务器: ``` node app.js ``` 此时您可以在浏览器中访问 `http://localhost:3000/user` 来查看响应结果。 至此,您已经成功搭建了一个后台服务器,并实现了路由模块化。
评论 11
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值