vue项目 build之后资源文件找不到问题

解决静态资源失效的问题这就需要修改我们的 config 中的 index.js了，默认的build 中的部分是这样的：build: {// Template for index.htmlindex: path.resolve(__dirname, '../dist/index.html'),// PathsassetsRoot: path.resolve(__d...

我不是郑正好啊

7287人浏览 · 2018-05-04 17:01:23

我不是郑正好啊 · 2018-05-04 17:01:23 发布

解决静态资源失效的问题

这就需要修改我们的 config 中的 index.js了，默认的build 中的部分是这样的：

   build: { 
 
  // Template for index.html 
 
   index: path. 
  resolve(__dirname, 
  '../dist/index.html'), 
 
  // Paths 
 
   assetsRoot: path. 
  resolve(__dirname, 
  '../dist'), 
 
   assetsSubDirectory: 
  'static', 
 
   assetsPublicPath: 
  '/',

修改之后的应为这样的:

   build: { 
 
  // Template for index.html 
 
   index: path. 
  resolve(__dirname, 
  '../dist/index.html'), 
 
  // Paths 
 
   assetsRoot: path. 
  resolve(__dirname, 
  '../dist'), 
 
   assetsSubDirectory: 
  'static', 
 
   assetsPublicPath: 
  './',

但是这样能确保资源文件可被正常找到, 但页面还是处于白屏状态,

在路由页面找到mode: 'history',

 
   export 
   default 
   new 
   Router({ 
  
    mode: 
   'history', 
  
    routes: [

将mode: 'history',这句话删除,在进行build,

 
  export 
  default 
  new 
  Router({ 
 
  // mode: 'history', 
 
   routes: [

小伙伴们, 是不是发现好用啦

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^