As a newcomer to the world of Node.js and Vue development, my goal is to establish a seamless process for users to create and upload a JSON file to the server when they save data in a form. This process should occur effortlessly in the background, allowing for smooth operation. Additionally, I aim to enable users to read and update this file on the server whenever changes are made.
In my initial attempt, I considered using fs.writeFile(). However, it appears that this method may not be suitable for handling remote tasks. Is my assumption correct?
var fs = require('fs')
export default {
methods:{
send(){
fs.writeFile("/test.json","Hello World!",function(err){
if(err){
throw err;
}
});
}
}
}
Furthermore, it seems that using fs.writeFile with Vue results in an error:
TypeError: fs.writeFile is not a function at VueComponent
Consequently, my alternate approach involves looking into Express.js and utilizing the app.post('/api/apps',...) and app.get() methods. However, integrating this with the Vue framework presents some challenges as accessing the API via 'mydomain.com/api/apps' does not yield the desired outcome.
What would be the optimal way to handle file creation, reading, uploading, and deleting within a specific directory on the server? How can this be achieved seamlessly with Vue? My inclination leans towards using Express.js.
I'm currently working with Vue CLI :)
Thanks in advance :)
EDIT
My current approach involves:
I have set up a new folder named "backend" within my Vue project root directory. Inside this folder, I created a file named index.js containing the following code:
app.post('/appjson',(req,res) => {
fs.writeFile("/appjson/myJson.json",req.body,function(err){
//handle error
});
});
On the client-side, I implemented the following code:
axios.post('myDomain.com/appjson', {
JSONdata: myJSONdata,
})
This strategy allows me to successfully deploy the dist folder on my server, facilitating smooth operation. However, I encounter difficulties in calling the backend. Am I using the incorrect link? How can I access my backend effectively? Is there any need for adjusting the project structure or relocating the backend to a different folder?