NodeJS holda vue fayllari bormi?

Men dasturni JS tugunidan tashqariga joylashtirmoqchiman, lekin men .vue fayllari va mumkin npmni qurish tizimi (kerak bo'lsa) ishlatmoqchiman. Buni qilish mumkinmi?

Menga hech qanday orqaga qarama-qarshilik kerak emas va agar u so'nggi Chrome Dev'da ishlayotgan bo'lsa men uchun bu yaxshi.

Bu qanday amalga oshirilishi mumkinligi haqida biron bir misol bormi?

Ba'zi bir webpack shabloni tuzishga harakat qildim, lekin faqat NodeJS ichida ishlaydi. .vue fayllariga joylashtirilgan URL manzillariga kirganimda boshqa serverda 404 foydalanayapman. Ularni boshqa server tomonidan boshqarib bo'lmaydigan ko'rinadi.

9
Agar npm qurish tizimidan foydalansangiz, vue loader bilan veb-paketlardan foydalanishda muammo nimada?
qo'shib qo'ydi muallif dfsq, manba
Webpack/Browserify faqat sizning .vue fayllaringizni tuzishda standart JavaScript-ni o'chirib yuboradi, ular haqida hech qanday server yo'q.
qo'shib qo'ydi muallif Joe Clay, manba
Ular webpack buyrug'idan foydalangan holda saytni yaratganingizdan so'ng, webpack config sozlangan katalogga an'anaviy javascriptni chiqaradi. Ushbu nuqtada hech qanday .vue fayllari bo'lmaydi va sizning html fayli faqat vue va vue-router kutubxonalari uchun havolalarga muhtoj bo'ladi. Bundan tashqari, sizga yordam berishi mumkin bo'lgan ayrim kodlarni joylashtirishingiz kerak bo'ladi.
qo'shib qo'ydi muallif JoelCool, manba

6 javoblar

  1. VueJS dasturi NodeJS ilovasi emas.
  2. VueJS dasturi brauzer tomonidan sharhlanadi.
  3. Faqat ilovangizni kompyuter va xost fayllariga statik veb-sayt sifatida o'rnatishingiz kerak, shuning uchun har qanday server HTML va fayllarni taqdim etishi mumkin.
  4. Ilovani ishlatish uchun, masalan. Webpack ( https://github.com/vuejs-templates/webpack )
8
qo'shib qo'ydi
@M U nima qilishim kerak? Men hozirda ba'zi Webpack shablonlarini foydalanmoqdaman, lekin NodeJS holda u ustida marshrutizatsiya ishlarini olib bo'lmaydi. URL manzillari boshqa serverda faqatgina 404ni ko'rsatadi. Ularning sahifasi .vue fayllari bilan amalga oshiriladi, shuning uchun ular boshqa server tomonidan ishlamayapti.
qo'shib qo'ydi muallif Dmitry Bubnenkov, manba

NodeJs faqat oldingi oxirida * .js faylini yaratish uchun foydalanadi, sizning WebApp noto'g'ri Nodejs-da ishlashi kerak.

1, webpack tuzilgan vaqtda * .js faylini talab qiluvchi index.html fayli yaratishingiz mumkin.

2, siz uni ishlayotgan index.html faylini ochish uchun Chrome'dan foydalaning.

Statik sahifani xohlasangiz, vue-cli yoki boshqa serverni ishlatishning hojati yo'q.

But you have to know how to set your webpack.config.js, you can look that doc https://webpack.js.org/guides/getting-started/

3
qo'shib qo'ydi

Sizning boshlang'ich nuqtangiz noto'g'ri. Vue + node.js to'liq saytni qurishi mumkin. Vue, oldingi tugmacha, tugunning server tilidir. Ikkalasi kombinatsiyadan foydalanish mumkin. Lekin tugunni ishlatish kerak emas. Ularning ikkalasi rivojlanish modelining old va orqa qismiga erishish uchun mukammal bo'lishi mumkin.

Vue dan foydalanadigan loyihalarda, shaxslar veb-paket va vue-loaderni alohida-alohida konfiguratsiya qilishni tavsiya etmaydi. Siz bevosita vue rasmiy stapolding, vue-cli dan foydalanishi mumkin. Avtomatik ravishda tuzilgan ushbu konfiguratsiyalarni hisobga olishingiz shart emas.

Vue-cli

Agar siz Vue ni o'rganishni boshlagan bo'lsangiz, mana bu erda kirish darajasidagi demo. Bu kichik dastur bo'lsa-da, lekin juda ko'p ma'lumot olish nuqtalarini o'z ichiga oladi (vue2.0 + vue-cli + vue-router + vuex + axios + MySQL + express + pm2 + webpack) , ma'lumotlar bazasi va boshqa saytlar uchun zarur bo'lgan ba'zi narsalar, men uchun katta ahamiyatga ega bo'lgan, bir-birlarini rag'batlantirishni istaydi!

Vue Demo

2
qo'shib qo'ydi

Best way to develop Vue app is run dev server, and after all just build static assets. You don't need use vuex files, even better is use static template because you can easily integrate it with some back-end (WordPress or whatever). Helpfully will be use some starter, for ex. Vue.js starter

1
qo'shib qo'ydi

Haqiqatan ham, vue statik html sahifalarini tuzish buyrug'ini ishlatganingizda yaratadi. Biroq, sayt uchun ishlaydigan kichik serverlardan fayllarga xizmat qilishingiz kerak. Shuni bilsangiz, npm run build ni ishga tushirganingizda, terminal bildirishnomani chop etadi ...

Tip:
Built files are meant to be served over an HTTP server.
Opening index.html over file:// won't work.

/dist katalogida oddiy http serverini ekspres bilan yaratishingiz va saytni Heroku kabi bir joyda joylashtirishingiz mumkin.

Take a look at this article https://medium.com/@sagarjauhari/quick-n-clean-way-to-deploy-vue-webpack-apps-on-heroku-b522d3904bc8#.4nbg2ssy0

TLDR;

  1. write a super simple express server

    var express = require('express');
    var path = require('path');
    var serveStatic = require('serve-static');
    app = express();
    app.use(serveStatic(__dirname));
    var port = process.env.PORT || 5000;
    app.listen(port);
    console.log('server started '+ port);
    
  2. add a postinstall script in a package.json within /dist

    {
      "name": "myApp",
      "version": "1.0.0",
      "description": "awesome stuff",
      "author": "me oh my",
      "private": true,
      "scripts": {
        "postinstall": "npm install express"
      }
    }
    
  3. push only your /dist folder to heroku after you've compiled your site.

dalil: vue.js loyihamni qabul qilish uchun ushbu qadamlarni bajarganman

1
qo'shib qo'ydi

Veb-xizmat uchun S3 chelak sozlamalari kabi oddiy bir narsani sinab ko'rsata olasizmi? Loyihangiz qanchalik katta? Siz qancha trafikni qo'lga kiritasiz deb o'ylaysiz? Agar u juda kichik bo'lsa, siz S3-ga mezbonlik qilishingiz va veb-paketlardan foydalanishingiz mumkin.

0
qo'shib qo'ydi
NodeJS Uzbekistan
NodeJS Uzbekistan
152 ishtirokchilar

Guruh NodeJS bo'yicha muloqot qilish uchun ochilgan. Sizni qiziqtirsa: @nodejs_uz @react_uz @angular_uz @yiiframework_uz @js_uzb @typescript_uzb @vuejs_uz @ngTashkent @laravel_uz @uzdevgroup Ish o'rinlari @UzDev_jobs

VueJS_uz
VueJS_uz
83 ishtirokchilar

VueJS (vuejs.org) freymvorkining o'zbek tilidagi jamiyati Telegram guruhi. Boshqa guruhlar: @js_uzb @vuejs_uz @react_uz @nodejs_uz @angular_uz @ngTashkent @yiiframework_uz @laravel_uz @linux_uzbek —————— @uzdevgroup ————— @UzDev_Jobs