相關(guān)命令行:
查看nginx進(jìn)程:ps aux | grep nginx;
查看nginx的安裝位置:whereis nginx;
vue-cli 打包 部署
IIS
nginx
less
rem
------------------------------------
router
安裝vue項(xiàng)目:
0. npm install vue-cli -g
1. vue? init webpack? 本地工程名稱
2. npm run dev
? ? npm run build
Home.vue
News.vue
Apache:
在項(xiàng)目根目錄里面
.htaccess
<IfModule mod_rewrite.c>
? RewriteEngine On
? RewriteBase /
? RewriteRule ^index\.html$ - [L]
? RewriteCond %{REQUEST_FILENAME} !-f
? RewriteCond %{REQUEST_FILENAME} !-d
? RewriteRule . /index.html [L]
</IfModule>
nginx:
gcc-c++
ps aux | grep nginx 查看進(jìn)程
whereis nginx 查看nginx安裝地兒
安裝nginx:
yum install nginx 安裝稀碎棚点,后期如果想配置羊初,簡直要死
源碼 √
1. wget -c http://nginx.org/download/nginx-1.13.8.tar.gz
2. 解壓
? ? tar -zxvf nginx -1.xxxx
3. 切入目錄里面 配置
? ? ./configure 使用默認(rèn)配置
4. 編譯、安裝
? ? make && make install
5. 啟動(dòng)nginx
? ? cd /usr/local/nginx/sbin
./nginx 啟動(dòng)nginx
打包壓縮 zip
rz ...
unzip? xxxx
讓vue項(xiàng)目能看到:
簡單配置 nginx.conf
cd /usr/local/nginx/conf
重啟nginx:
記得切到sbin里面
./nginx -s reload
SPA項(xiàng)目:
記得配置 rewrite:
try_files $uri $uri/ /index.html;
-----------------------------------------------------------
vue手機(jī):
1. rem
px2rem-loader
build/utils.js
cssLoaders:
const px2remLoader = {
? ? loader: 'px2rem-loader',
? ? option:{
? ? ? remUnit:40
? ? }
? }
應(yīng)用:
2. 手機(jī)端測試
必須訪問電腦ip地址熙宇, 確保手機(jī)和pc處于同一個(gè)網(wǎng)段
config/index.js
host:'0.0.0.0',
disableCheckHost:true ? 這句話不必要加
51mmr.net/vue/xxxx