美文网首页vue 那点破事
Vue 项目上线注意

Vue 项目上线注意

作者: 爱绑架的猫 | 来源:发表于2019-04-26 10:54 被阅读4次

如果项目放到域名下的子目录,例如: http://www.xxx.com/file/,这时候就需要配置一下 vue 项目的路由,和 打包后static 文件夹的地址,不然会报错找不到文件,路由访问也会出现问题。

/src/router/index.js

Snipaste_2019-04-26_10-45-27.png

/config/index.js

Snipaste_2019-04-26_10-47-03.png

配置好重新打包上线,这时候就没有问题了

npm run build

相关文章

  • Vue 项目上线注意

    如果项目放到域名下的子目录,例如: http://www.xxx.com/file/,这时候就需要配置一下 vue...

  • vue项目上线

    1.在config、index.js(./) 2.在src/main.js 4.在style加scope 8.配置...

  • 用webpack打包vue项目(单页面应用)的webpack.c

    场景:vue项目(单页面应用)已完成;用webpack打包vue项目准备上线; 在项目根目录(手写)创建打包配置文...

  • vue使用心得

    vue项目使用心得 一、项目搭建(vue-cli) 二、项目开发命令 三、项目打包时注意事项 四、vue hist...

  • webstorm搭建vue项目详细过程

    WebStorm可以自动创建Vue项目,非常方便,下面将详细介绍如何创建vue项目。注意:首先需要配置好vue.j...

  • Vue项目上线--优化

    项目拖了这么久终于差不多要上线了,记录一下Vue项目的一些优化。 1. 去掉打包后的.map文件 运行npm ru...

  • Vue项目打包及测试注意事项

    Vue项目依赖node服务和webpack进行打包,以pht-vue-simple项目为例分析项目打包配置及注意事...

  • vue.js填坑之旅:怎样将项目上线

    在本地写好vue项目后,怎么上线使用呢?往下瞅 ↓↓↓ 简单来说将vue项目编译一下生成静态的html、js、cs...

  • Vue笔记

    1. 用vue-cli创建项目 安装vue-cli 使用 Example: 注意: vue init 这个过程可能...

  • VUE全家桶

    注意:这里只讲VUE脚手架搭建的项目首先安装开发环境,vue-cli 一键搭建vue项目是基于 Node.js 所...

网友评论

    本文标题:Vue 项目上线注意

    本文链接:https://www.haomeiwen.com/subject/ybcfnqtx.html