参考自 https://www.zhihu.com/question/46630687
1 修改config/index.js
build: {
...
// assetsPublicPath: '/',
assetsPublicPath: '/dist/', //加上服务器下项目的根目录
2 route配置文件
export default new Router({
// mode: 'history',
base: '/dist/',
routes
})
在history模式,地址栏输入 'http://xxx.com/xxx/xxx' 访问, 会进行http请求,因为资源路径不存在,所以报404.
解决方法有:
方法1, 将所有请求 转到 'http://xxx.com/index.html'
方法2, 不使用 history模式
参考自 https://www.zhihu.com/question/46630687 如果放置在服务器环境非根目...
当我们将 vue 项目完成后，面临的就是如何将项目进行打包上线，放到服务器中。我使用的是 vue-cli（simp...
1.使用vue-cli的优势 成熟的vue项目架构设计 本地测试服务器 集成打包上线方案 2.使用vue-cli的...
Vue项目webpack打包部署到服务器 必须要配置的就是/config/index.js 在vue-cli we...
1、打包后资源路径报错 通过vue-cli生成的项目，npm run build打包后的文件部署后会报错，找不到样...
导读：本文主要介绍使用 vue-cli 构建项目后的打包和发布这两方面的内容 一项目打包 - 1 打包的配置在 ...
使用vue-cli生成的项目，打包方式是直接执行package.json里配置的脚本 如果发布到服务器资源，该静态...
1，布署 当项目开发完成后，需要将项目代码放到服务器上，这个服务器拥有固定的IP，再通过域名绑定，就可以供其它人浏...
使用vue-cli的优势1. 成熟的vue项目架构设计2. 本地测试服务器3. 集成打包上线方案
在用vue-cli搭建项目后，使用npm run build打包后，在dist文件夹中打开index.html报错...
本文标题：vue-cli打包后的项目服务器布署
本文链接：https://www.haomeiwen.com/subject/utrlvxtx.html
网友评论