概述
electron + vue2.0 + webpack + vue-router 打包项目后,路由无效?
electron + vue2.0 + webpack + vue-router 打包项目后,以index.html/login 这样的形式访问不了路由,在开发模式下,用http:localhost:8080/login这样是可以的。我也找过一些资料,问过一些群的朋友,说是要建立web服务,但是electron下建web服务也不知道怎么搞,求大神指导下。。感激不尽!!
electron 入口代码:
mainWindow.loadURL(url.format({
/*开发环境
pathname: path.join('localhost:8080'),
protocol: 'http:',
slashes: true
*/
/*生产环境*/
pathname: path.join(__dirname, '/xpg/index.html'),
protocol: 'file:',
slashes: true
}))
main.js代码
import Vue from 'vue'
import VueRouter from 'vue-router'
import VueResource from 'vue-resource'
import 'ionicons/css/ionicons.min.css'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-default/index.css'
import App from './App.vue'
import Login from './components/login.vue'
Vue.use(VueRouter)
Vue.use(VueResource)
Vue.use(ElementUI)
const routes = new VueRouter({
mode: 'history',
base: __dirname,
routes: [
{
path: '/login',
component: Login
}
]
})
const app = new Vue({
router: routes,
render: h => h(App)
}).$mount('#app')
项目结构图
webpack打包生成的静态资源,应该怎么访问路由呢?
相关阅读:
Laravel用vue-resource发送ajax请求返回错误时进行页面跳转问题
升级vue2.0,编译失败,less中报错Module build failed: Unknown word
oralce表结构装换成postgres的表结构有什么好的迁移工具没???
Vue 渐进式框架的理解
js的正则表达式
chrome手机模式调试ionic项目点击不了select里面的内容
github 上的账户的SSH keys与仓库的Deploy keys有何区别
vue-router如何异步加载路由表?
veu-router使用__diename出错
在vue2.0中父组件如何触发子组件的自定义方法?
数据库里保存了很多地块,每个地块的区域由四个顶点的经纬度确定,请问已知一个点的经纬度,如何确定该位置是属于哪个地块的?
如何写PHP代码让客户浏览器缓存页面?
如何在vue模版里面用cdn外部远程连接,比如js,css
如何让一张响应式图片在div里始终居中?
如何修改视频(MP4,WMV)等信息的描述信息?
vue中如何批量的通过数据来 增加/删除 class
vue.js数据遍历问题。
像京东这类的电商网站使用vue做吗?
移动端微信内置浏览器 x5内核 有哪些坑及解决方案?
C语言动态分配内存报错:incorrect checksum for freed object......
最后
以上就是美满毛豆为你收集整理的vue 打包路由报错_electron,webpack_electron + vue2.0 + webpack + vue-router 打包项目后,路由无效?,electron,webpack,vu...的全部内容,希望文章能够帮你解决vue 打包路由报错_electron,webpack_electron + vue2.0 + webpack + vue-router 打包项目后,路由无效?,electron,webpack,vu...所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
发表评论 取消回复