PC模版SEO優(yōu)化安裝
本教程是為了PC模板兼容SEO打包教程,快速安裝無需閱讀
安裝Nodejs:
node版本下載v14的版本,后期會適配最新的版本
Nodejs:【官方下載】
打包教程:(以vscode編輯器為例)
1.打開程序view/pc文件夾
2.在編輯器命令行中執(zhí)行命令安裝node依賴
執(zhí)行命令npm install
安裝完成會生成node_modules文件夾
注:如果安裝失敗,請按照https://doc.crmeb.com/single/crmeb_v4/2190 修改鏡像然后再執(zhí)行命令
3.首先,修改PC模板目錄下的setting.js里面域名 按圖片方式 (注意:這里的域名是接口域名 就是后臺網(wǎng)站的域名 不是pc的域名)
const VUE_APP_API_URL = `你的接口域名/api`;
4.打開nuxt.config.js 文件
修改頁面渲染模式為 universal
修改188行反向代理端口配置
修改完成之后本地編譯文件
npm run generate
5.編譯完成之后,將pc包里面nuxt-dist
,store
,nuxt.config.js
,setting.js
,package.json
,env.js
上傳至pc站點
6.寶塔添加PC模板站點,F(xiàn)TP和數(shù)據(jù)庫均不需要創(chuàng)建,PHP版本選擇純靜態(tài)
7.設(shè)置反向代理,代理名稱自行填寫,目標(biāo)URL填寫 127.0.0.1:端口號 (端口號為打包時 nuxt.config.js里面修改的端口號 )
8.寶塔軟件商店安裝PM2管理器
9.打開pc站點目錄,打開命令行,執(zhí)行npm install 命令,安裝node 依賴
10.設(shè)置PM2守護npm進程:pm2 start npm -- start
出現(xiàn)此畫面運行模板成功
11.瀏覽器輸入域名訪問PC頁面
優(yōu)化seo與沒優(yōu)化的區(qū)別:
SEO優(yōu)化后的網(wǎng)站相對于一般的未優(yōu)化網(wǎng)站,搜索引擎友好度較高:經(jīng)過SEO優(yōu)化后的網(wǎng)站,對搜索引擎的友好度,明顯高于一般網(wǎng)站。