node_demo_01 a small server

//通过require导入http模块
var http = require('http');
//调用http的createServer()方法创建服一个务器,并将其赋值给server变量,使server具有http.creatServer()的属性。
//传入一个匿名函数,函数具有两个参数。req,res。
var server = http.createServer(function(req,res){
    //设置响应头、类型、编码方式
    res.writeHead(200,{"Content-Type":"text/html;charset=utf8"});
    res.write('haha');//向客户端输出haha字符串
    res.end();//关闭请求;
});

server.listen(8000,'127.0.0.1');//设置服务器的监听端口和地址

转载于:https://my.oschina.net/u/3686663/blog/1560901

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
当涉及到在Vue项目中使用Element UI进行图片上传,并使用JSON ServerNode.js将图片存放在指定位置时,你可以按照以下步骤进行操作: 1. 在Vue项目中安装Element UI和Axios依赖: ```bash npm install element-ui axios ``` 2. 创建一个Vue组件,用于处理图片上传。在该组件的模板中,使用`el-upload`组件来处理图片上传。示例代码如下: ```vue <template> <div> <el-upload class="upload-demo" action="/api/upload" :on-success="handleUploadSuccess" :before-upload="beforeUpload" :auto-upload="false" > <el-button slot="trigger" size="small" type="primary">选择图片</el-button> </el-upload> <el-button @click="upload">上传图片</el-button> </div> </template> <script> import axios from 'axios'; export default { methods: { handleUploadSuccess(response) { // 上传成功后的回调函数 console.log(response); }, beforeUpload(file) { // 上传前的处理函数,可在此处进行文件类型、大小等验证 console.log(file); return true; }, upload() { // 手动触发上传 this.$refs.upload.submit(); }, }, }; </script> ``` 在上述代码中,我们使用了`el-upload`组件来实现图片上传,并将上传的请求发送到`/api/upload`接口。你可以根据实际情况进行样式和其他参数的配置。 3. 在Vue项目的主入口文件中,引入Element UI和axios,并将其配置为Vue的全局组件和原型方法: ```javascript import Vue from 'vue'; import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; import App from './App.vue'; import axios from 'axios'; Vue.use(ElementUI); Vue.prototype.$http = axios; new Vue({ render: (h) => h(App), }).$mount('#app'); ``` 4. 在Node.js服务器中,使用`express`和`multer`来处理文件上传。示例代码如下: ```javascript const express = require('express'); const multer = require('multer'); const app = express(); const upload = multer({ dest: 'uploads/' }); app.post('/api/upload', upload.single('file'), (req, res) => { // 处理文件上传逻辑 console.log(req.file); res.json({ success: true }); }); app.listen(3000, () => { console.log('Server is running on http://localhost:3000'); }); ``` 在上述代码中,我们使用了`multer`中间件来处理文件上传,并将上传的文件存储在`uploads/`目录下。你可以根据需要更改存储位置和其他配置。 5. 在服务器端的命令行中,进入你的项目文件夹,并运行以下命令来安装所需的依赖: ```bash npm install express multer ``` 6. 在服务器端的命令行中,进入你的项目文件夹,并运行以下命令来启动Node.js服务器: ```bash node server.js ``` 确保服务器和Vue项目都在运行状态后,你就可以在Vue项目中进行图片上传了。选择图片后,点击"上传图片"按钮即可手动触发上传。上传成功后,服务器端会将图片存储在指定的位置,并返回成功的响应。 请注意,上述示例中的代码只是为了演示概念,并不包含完整的错误处理和安全性措施。在实际项目中,你需要根据需求进行适当的优化和改进。 希望以上步骤能帮助你在Vue项目中实现图片上传并存放在指定位置!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值