![](https://img-blog.csdnimg.cn/20190918140213434.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
部署工具——nginx部署流程
nginx部署流程
yb305小白
挨踢小白。。。。
展开
-
nginx部署vue项目出现404查找不到js,css文件解决方法
nginx部署vue项目出现查找不到js,css文件,查看请求发现是路径问题; 直接修改vue项目中的vue.config.js文件,将基本路径设置为相对路径 module.exports = { // 基本路径 publicPath:"./", // 可以设置成相对路径,这样所有的资源都会被链接为相对路径,打出来的包可以被部署在任意路径 outputDir:“dist”, //打包时生成的生产环境构建文件的目录 assetsDir: ‘static’, // 放置生成的静态资源 (js、css、im转载 2020-12-19 15:01:40 · 5689 阅读 · 1 评论 -
vue-cli3.0以上build项目打包配置层级
1.新建一个vue.config.js文件,并配置如下: module.exports = { publicPath: './', outputDir: "dist", // 输出文件目录 lintOnSave: false, // eslint 是否在保存时检查 assetsDir: 'static', // 配置js、css静态资源二级目录的位置 } 2.结果 ...转载 2020-12-19 14:37:14 · 330 阅读 · 1 评论 -
vue-cli3项目中,配置vue.config.js解决打包以后页面空白问题
vue-cli3项目中,配置vue.config.js解决打包以后页面空白问题 问题说明 项目用的是vue-cli3,我是在npm run build以后,打开打包好的文件,结果页面空白,打开console控制台,结果是文件的路径引入错误。 解决 根目录下新建vue-config-js 我们简单一些,不写其他配置项 module.exports = { publicPath: "./" }; 修改route配置 吧mode: "history",注释掉,这样,默认就使用的has转载 2020-12-19 14:34:05 · 695 阅读 · 1 评论 -
nginx下部署vue项目的方法步骤
首先要去nginx官网下下载nginx: 下载地址:https://nginx.org/en/download.html 下载下来会是一个解压包,解压到你想放的文件夹下 运行nginx.exe,然后打开浏览器输入localhost出来如下图片所示就说明成功了: 然后如果没有成功出来的话也不要慌不要怕,可能是你的端口被别的内容所占了这时你就打开你的nginx的目录下找到conf 点击进去然后找到一个nginx.conf的文件 然后把它用编辑器的方式打开,打开之...转载 2020-12-19 14:28:58 · 1122 阅读 · 1 评论