vue项目部署及跨域问题
vue项目部署到tomcat
第一步
配置好java和tomcat,确保能正常访问tomcat首页。可在tomcat下的webapps创建空项目名文件夹。我这里项目为 kjbxd_dev。
第二步
修改vue项目中config/index.js,修改assetsPublicPath,注意dev和build都要改
修改src/router/index.js,增加配置base: ‘/kjbxd_dev/’,这是因为打包文件存放在Tomcat/webapps/kjbxd_dev下,如果这里不配置,会导致部署的项目首页访问一片空白,但不报错,且引入的文件有正常加载。mode为history 访问网址不带#。
第三步
打包vue项目,控制台执行npm run build,会在vue项目生成一个dist文件夹,将文件夹里的内容复制到Tomcat/webapps/kjbxd_dev中,启动tomcat,访问 http://localhost:8080/kjbxd_dev/#/maintenance/N652(我的项目无首页