一、安裝Tomcat
1、首先到官網(wǎng)下載Tomcat:https://tomcat.apache.org/download-80.cgi
2、解壓tomcat文件,可以通過(guò)快捷鍵(command+shift+G)把它放入/Library(資源庫(kù)中)?
二、用終端打開(kāi)Tomcat?
1.在Bin目錄下 打開(kāi)終端
?2.授權(quán)bin目錄下的所有操作:終端輸入sudo chmod 755 *.sh
sudo chmod 755 *.sh
3.開(kāi)啟Tomcat,終端輸入sudo sh ./startup.sh,輸完回車
sudo sh ./startup.sh
補(bǔ)充
sudo sh ./shutdown.sh
?三、Tomcat代理vue打包后的項(xiàng)目
1.修改config配置文件下的index.js文件,將assetsPublicPath上由’/’ 改成’./’ ,保存
例如:
module.exports = {
publicPath:"./",
productionSourceMap:false,
devServer: {
proxy: {
"/a": {
// target: "",
changeOrigin: true
}
}
}
}
2.vue項(xiàng)目npm run build打包后,在tomcat下的webapp目錄下,新增vue文件夾,
接下來(lái)將前端打包好的dist文件中的static,index.html文件上傳到vue目錄下
3.啟動(dòng)tomcat(sh ./startup.sh),然后瀏覽器訪問(wèn)localhost:8080/vue? 即可出現(xiàn)剛才打包的項(xiàng)目?
?四、配置vue的history模式刷新404問(wèn)題
方法一:
解決辦法:
在ROOT目錄下,新建一個(gè)WEB-INF
文件夾
?文件具體內(nèi)容如下,大概意思是,當(dāng)頁(yè)面404時(shí)回到首頁(yè):
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee
http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd"
version="3.1" metadata-complete="true">
<display-name>Router for Tomcat</display-name>
<error-page>
<error-code>404</error-code>
<location>/index.html</location>
</error-page>
</web-app>
2、配置完成,需要重啟tomcat,問(wèn)題解決。
方法二:
1.vue.config.js中的生產(chǎn)環(huán)境配置
publicPath:process.env.NODE_ENV==='production'?'/pro':'/',
?2.src/router/index.js中的base。
mode: 'history',
base: '/pro',
3.然后打包npm run build,把打包后的文件放入到Tomcat服務(wù)器中,重啟服務(wù)文章來(lái)源:http://www.zghlxwxcb.cn/news/detail-642035.html
補(bǔ)充:
linux 命令chmod 755的意思
chmod是Linux下設(shè)置文件權(quán)限的命令,后面的數(shù)字表示不同用戶或用戶組的權(quán)限。
一般是三個(gè)數(shù)字:
第一個(gè)數(shù)字表示文件所有者的權(quán)限
第二個(gè)數(shù)字表示與文件所有者同屬一個(gè)用戶組的其他用戶的權(quán)限
第三個(gè)數(shù)字表示其它用戶組的權(quán)限。
權(quán)限分為三種:讀(r=4),寫(xiě)(w=2),執(zhí)行(x=1) 。 綜合起來(lái)還有可讀可執(zhí)行(rx=5=4+1)、可讀可寫(xiě)(rw=6=4+2)、可讀可寫(xiě)可執(zhí)行(rwx=7=4+2+1)。
所以,chmod 755 設(shè)置用戶的權(quán)限為:
1.文件所有者可讀可寫(xiě)可執(zhí)行 --7
2.與文件所有者同屬一個(gè)用戶組的其他用戶可讀可執(zhí)行 --5
3.其它用戶組可讀可執(zhí)行文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-642035.html
到了這里,關(guān)于MAC 安裝配置Tomcat的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!