انتشار پروژه vue روی windows server

سلام

میخوام تو این مقاله تمام کار های پایه ای برای deploy پروژه vue ات رو windows server 2016 نیازه انجام بدی رو کامل توضیح بدم . یا کلا بلد نیستی که میخونی و یادمیگری یا اگر بلدی حکم یه چک لیست رو برات پیدا میکنه که سه سوت ببینی همه کار هارو انجام دادی یا نه

پوستر زیباییه واقعا
پوستر زیباییه واقعا


نسخه production

خب ببین اون پروژه چند ده مگابایتی vue که الان داری کد میزنی و بعد save میکنی و نتیجه رو مرورگر میبینی رو نمیشه گذاشت رو سرور . به اون نسخه از پروژه ات میگن نسخه development ، برای deploy نیازه بیای یه نسخه production درست بکنی که فوق العاده کم حجم تر و نسبتا سریع تره و اونو بذاری رو سرور و برای اینکار اگر داری از CLI استفاده میکنی کافیه تو همون ادرسی که npm run serve رو زدی بیای بگی

npm run build


خب بعد از اینکه فرایندش تموم میشه یه فولدری بنام dist توی فولدر پروژه اضافه میشه

.
.

بریم سراغ سرور

خب وقتی ریموت زدی بیا اون فولدر dist رو تو ادرسی که تو عکس مشخص کردم برات کپی کن

دوس داشتم ، مخدوشش کردم :)
دوس داشتم ، مخدوشش کردم :)


تنظیمات iis

ببین بصورت پیش فرض وقتی ip سرورت رو بزنی iis میاد هرچی که به پورت 80 ربطش دادی رو نشون میده ما کاری که میکنیم اینه که میگیم اقا هرکی با پورت 80 کار داشت بیا فولدر dist رو بهش نشون بده

خب صرفا کافیه بریم تو iis و بعد بریم به قسمت default Web Site

دوس داشتم ، مخدوشش کردم :)
دوس داشتم ، مخدوشش کردم :)


و بعد بری به قسمت advanced setting و ادرست رو به چیزی که تو عکس پایین هست تغییر بدی


دوس ...
دوس ...


و تمام!


میتوی هم با اون گزینه Browse *:80 تست کنی یا اینکه از رو کامپیوترت ip ات رو بزنی و بوووووووووووووم

انلاینی !!!!!!!




ممنون که تا اخر مقاله همراهم بودی امیدوارم تونسته باشم قدری زندگیتو راحت تر کرده باشم ، اگر چیز دیگه ای هست که مفیده بقیه هم بدونن بهم تو کامنت بگو که اضافه کنم و اگه درمورد اتوماتیک کردن فرایند deploy هم چیزی میدونی خیلی عالی میشه که تو کامنت بهم بگی =))