【vue】vue项目部署tomcat、nginx及跨域问题

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/#/ma